Skip to content

feat: migrate to @nuxt/ui-pro and @nuxt/content v3 #349

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

feat: migrate to @nuxt/ui-pro and @nuxt/content v3 #349

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0a92fb2
feat: migrate to @nuxt/ui-pro and @nuxt/content v3
HugoRCD Mar 17, 2025
88ab02c
up
HugoRCD Mar 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,3 +7,4 @@ node_modules
.env
dist
.data
.idea
40 changes: 2 additions & 38 deletions app.config.ts → app/app.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,43 +1,7 @@
export default defineAppConfig({
ui: {
primary: 'yellow',
gray: 'cool',
button: {
base: 'transition ease-in',
color: {
gray: {
solid: 'shadow-none bg-gray-300/20 hover:bg-gray-300/40 dark:bg-gray-700/40 dark:hover:bg-gray-700/50',
},
},
variant: {
solid: 'shadow-none',
},
},
select: {
base: 'transition ease-in',
color: {
gray: { outline: 'shadow-none bg-gray-300/20 hover:bg-gray-300/40 dark:bg-gray-700/40 dark:hover:bg-gray-700/50' },
},
},
buttonGroup: {
shadow: 'shadow-none',
},
card: {
base: 'transition ease-in duration-150',

},
input: {
base: 'transition ease-in',
color: {
gray: {
outline: 'shadow-none bg-gray-300/20 hover:bg-gray-300/40 dark:bg-gray-700/40 dark:hover:bg-gray-700/50',
},
},
},
selectMenu: {
option: {
base: 'cursor-pointer',
},
colors: {
primary: 'yellow',
},
},
website: {
Expand Down
20 changes: 10 additions & 10 deletions app.vue → app/app.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,19 +18,19 @@ const isRelation = computed(() => {
</script>

<template>
<Html>
<Body class="font-sans dark:bg-gray-900">
<NuxtLoadingIndicator color="#ECDC5A" />
<Html lang="en">
<Body>
<UApp>
<NuxtLoadingIndicator color="#ECDC5A" />

<TheHeader :class="{ 'z-10 absolute top-0 left-0 right-0': isRelation }" />
<TheHeader :class="{ 'z-10 absolute top-0 left-0 right-0': isRelation }" />

<div :class="{ 'px-4 container mx-auto xl:max-w-7xl': !isRelation }">
<NuxtPage />
</div>
<div :class="{ 'px-4 container mx-auto xl:max-w-7xl': !isRelation }">
<NuxtPage />
</div>

<TheFooter v-if="!isRelation" />

<UNotifications />
<TheFooter v-if="!isRelation" />
</UApp>
</Body>
</Html>
</template>
23 changes: 19 additions & 4 deletions assets/app.css → app/assets/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,22 @@
@import "tailwindcss" theme(static);
@import "@nuxt/ui";

@theme static {
--font-sans: 'Nunito', sans-serif;

--color-yellow-50: #FEFDF7;
--color-yellow-100: #FDFCEF;
--color-yellow-200: #FAF6D6;
--color-yellow-300: #F7F1BD;
--color-yellow-400: #F2E78C;
--color-yellow-500: #ECDC5A;
--color-yellow-600: #D4C651;
--color-yellow-700: #8E8436;
--color-yellow-800: #6A6329;
--color-yellow-900: #47421B;
--color-yellow-950: #2F2C12;
}

::-webkit-scrollbar {
width: 0.6em;
height: 0.6em;
Expand All @@ -23,10 +42,6 @@
}
}

:is(h1, h2, h3, h4, h5, h6) {
@apply scroll-mt-16 xl:scroll-mt-8
}

.fade-enter-active,
.fade-leave-active {
transition: opacity 0.2s ease-in-out;
Expand Down
0 components/Main.vue → app/components/Main.vue
View file
Open in desktop
File renamed without changes.
6 changes: 3 additions & 3 deletions components/NavigationModal.vue → app/components/NavigationModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ const uiSocialButton = { color: { gray: { ghost: 'dark:text-gray-400 dark:hover:
<DialogTitle>
<AppLogo />
</DialogTitle>
<UButton :ui="{ ...uiButton }" square size="md" variant="ghost" color="gray" icon="i-heroicons-x-mark" aria-label="Close" @click="$emit('update:open', false)" />
<UButton :ui="{ ...uiButton }" square size="md" variant="ghost" color="neutral" icon="i-heroicons-x-mark" aria-label="Close" @click="$emit('update:open', false)" />
</div>
<nav class="mb-40">
<ul
Expand All @@ -52,7 +52,7 @@ const uiSocialButton = { color: { gray: { ghost: 'dark:text-gray-400 dark:hover:
<li v-for="item in navigation" :key="item.path">
<UButton
size="xl"
color="gray"
color="neutral"
variant="ghost"
:to="item.path" :ui="{ ...uiButton }" :active-class="activeClassButton"
@click="$emit('update:open', false)"
Expand All @@ -65,7 +65,7 @@ const uiSocialButton = { color: { gray: { ghost: 'dark:text-gray-400 dark:hover:
<div class="flex justify-center">
<ul class="flex gap-2">
<li v-for="social in website.socials" :key="social.name">
<UButton :rel="social.rel" :target="social.target" :to="social.url" :icon="social.icon" :aria-label="`Follow us on ${social.name}`" size="xl" variant="ghost" color="gray" :ui="{ icon: { xl: 'md:w-7 md:h-7' }, ...uiSocialButton }" />
<UButton :rel="social.rel" :target="social.target" :to="social.url" :icon="social.icon" :aria-label="`Follow us on ${social.name}`" size="xl" variant="ghost" color="neutral" :ui="{ icon: { xl: 'md:w-7 md:h-7' }, ...uiSocialButton }" />
</li>
</ul>
</div>
Expand Down
0 components/OgImage/OgImageBlog.vue → app/components/OgImage/OgImageBlog.vue
View file
Open in desktop
File renamed without changes.
0 components/OgImage/OgImageLearn.vue → app/components/OgImage/OgImageLearn.vue
View file
Open in desktop
File renamed without changes.
0 components/OgImage/OgImagePackage.vue → app/components/OgImage/OgImagePackage.vue
View file
Open in desktop
File renamed without changes.
0 components/OgImage/OgImagePackages.vue → app/components/OgImage/OgImagePackages.vue
View file
Open in desktop
File renamed without changes.
0 components/OgImage/OgImagePage.vue → app/components/OgImage/OgImagePage.vue
View file
Open in desktop
File renamed without changes.
0 components/PageHeader.vue → app/components/PageHeader.vue
View file
Open in desktop
File renamed without changes.
4 changes: 2 additions & 2 deletions components/SearchModal.vue → app/components/SearchModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ const isXs = breakpoints.smaller('mobile')
<ComboboxButton
:as="UButton"
icon="i-heroicons-x-mark"
color="gray"
color="neutral"
variant="ghost"
square
size="xs"
Expand Down Expand Up @@ -177,7 +177,7 @@ const isXs = breakpoints.smaller('mobile')
No results found
</span>

<UButton color="gray" variant="ghost" icon="i-heroicons-arrow-path" @click="resetQuery">
<UButton color="neutral" variant="ghost" icon="i-heroicons-arrow-path" @click="resetQuery">
Reset search
</UButton>
</div>
Expand Down
4 changes: 2 additions & 2 deletions components/TheFooter.vue → app/components/TheFooter.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ const uiButton = { color: { gray: { ghost: 'text-gray-500 hover:text-gray-800 da
</div>
<ul class="flex gap-2">
<li v-for="social in website.socials" :key="social.name">
<UButton :rel="social.rel" :target="social.target" :to="social.url" :icon="social.icon" :aria-label="`Follow us on ${social.name}`" size="xl" variant="ghost" color="gray" :ui="{ icon: { xl: 'md:w-7 md:h-7' }, ...uiButton }" />
<UButton :rel="social.rel" :target="social.target" :to="social.url" :icon="social.icon" :aria-label="`Follow us on ${social.name}`" size="xl" variant="ghost" color="neutral" :ui="{ icon: { xl: 'md:w-7 md:h-7' }, ...uiButton }" />
</li>
</ul>
<nav class="mt-6 md:mt-0 md:justify-self-end md:col-start-2 md:row-start-1 grid grid-cols-2 md:grid-cols-3 gap-x-2 gap-y-6 md:gap-10 text-[1.125rem]">
Expand All @@ -46,7 +46,7 @@ const uiButton = { color: { gray: { ghost: 'text-gray-500 hover:text-gray-800 da
<div class="place-self-center md:place-self-end">
<ClientOnly>
<UTooltip :text="$colorMode.value === 'dark' ? 'Light Mode' : 'Dark Mode'">
<UButton size="xl" variant="ghost" color="gray" square :trailing-icon="$colorMode.value === 'dark' ? 'i-heroicons-sun' : 'i-heroicons-moon'" :ui="uiButton" aria-label="Toggle Theme" @click="toggleTheme">
<UButton size="xl" variant="ghost" color="neutral" square :trailing-icon="$colorMode.value === 'dark' ? 'i-heroicons-sun' : 'i-heroicons-moon'" :ui="uiButton" aria-label="Toggle Theme" @click="toggleTheme">
{{ $colorMode.value === 'dark' ? 'Light' : 'Dark' }}
</UButton>
</UTooltip>
Expand Down
18 changes: 8 additions & 10 deletions components/TheHeader.vue → app/components/TheHeader.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,6 @@ defineShortcuts({
},
})

const { metaSymbol } = useShortcuts()

const uiButton = { font: 'font-semibold', color: { gray: { ghost: 'text-gray-950 hover:bg-primary/60 dark:text-gray-50 dark:hover:bg-primary/40' } } }
const activeClassButton = 'bg-primary bg-opacity-40 dark:bg-opacity-30'

Expand All @@ -64,7 +62,7 @@ function toDesignKit() {
<ol class="text-[1.125rem] flex gap-4 leading-5">
<li v-for="item in navigation" :key="item.path">
<!-- <UPopover v-if="item.children" mode="hover" :ui="{ width: 'max-w-[18rem]' }">
<UButton size="md" variant="ghost" color="gray" :to="item._path" :icon="item.icon" :ui="{ size: { md: 'text-base' }, ...uiButton }" :active-class="activeClassButton">
<UButton size="md" variant="ghost" color="neutral" :to="item._path" :icon="item.icon" :ui="{ size: { md: 'text-base' }, ...uiButton }" :active-class="activeClassButton">
{{ item.title }}
</UButton>

Expand All @@ -83,30 +81,30 @@ function toDesignKit() {
</ol>
</template>
</UPopover> -->
<UButton size="md" variant="ghost" color="gray" :to="item.path" :ui="{ size: { md: 'text-base' }, ...uiButton }" :active-class="activeClassButton">
<UButton size="md" variant="ghost" color="neutral" :to="item.path" :ui="{ size: { md: 'text-base' }, ...uiButton }" :active-class="activeClassButton">
{{ item.title }}
</UButton>
</li>
</ol>
</nav>

<div class="flex justify-end items-center">
<UTooltip text="Open Search" :shortcuts="[metaSymbol, 'K']" :popper="{ adaptative: false, placement: 'bottom', strategy: 'absolute' }">
<UButton size="md" icon="i-heroicons-magnifying-glass" color="gray" variant="ghost" :ui="{ size: { md: 'text-base' }, ...uiButton }" aria-label="Open Search" square @click="openSearch = true" />
<UTooltip text="Open Search">
<UButton size="md" icon="i-heroicons-magnifying-glass" color="neutral" variant="ghost" :ui="{ size: { md: 'text-base' }, ...uiButton }" aria-label="Open Search" square @click="openSearch = true" />
</UTooltip>

<UTooltip class="ml-1 lg:hidden" text="Open Navigation" :popper="{ adaptative: false, placement: 'bottom', strategy: 'absolute' }">
<UButton square size="md" variant="ghost" color="gray" icon="i-heroicons-bars-3-bottom-right" :ui="uiButton" aria-label="Open Navigation" @click="openNavigation = true" />
<UButton square size="md" variant="ghost" color="neutral" icon="i-heroicons-bars-3-bottom-right" :ui="uiButton" aria-label="Open Navigation" @click="openNavigation = true" />
</UTooltip>

<UTooltip class="ml-1 hidden lg:flex" text="GitHub Stars" :popper="{ adaptative: false, placement: 'bottom', strategy: 'absolute' }">
<UButton size="md" variant="ghost" color="gray" :icon="github.icon" :to="github.url" :target="github.target" :aria-label="`Follow us on ${github.name}`" :ui="{ size: { md: 'text-base' }, ...uiButton }">
<UButton size="md" variant="ghost" color="neutral" :icon="github.icon" :to="github.url" :target="github.target" :aria-label="`Follow us on ${github.name}`" :ui="{ size: { md: 'text-base' }, ...uiButton }">
{{ stars ? formatNumber(stars) : '' }}
</UButton>
</UTooltip>
</div>
</header>
<NavigationModal v-model:open="openNavigation" :navigation="navigation" />
<SearchModal v-model:open="openSearch" />
<!-- <NavigationModal v-model:open="openNavigation" :navigation="navigation" />
<SearchModal v-model:open="openSearch" /> -->
</div>
</template>
0 components/app/AppAlert.vue → app/components/app/AppAlert.vue
View file
Open in desktop
File renamed without changes.
0 components/app/AppColorModeImage.vue → app/components/app/AppColorModeImage.vue
View file
Open in desktop
File renamed without changes.
0 components/app/AppLogo.vue → app/components/app/AppLogo.vue
View file
Open in desktop
File renamed without changes.
0 components/app/AppPuzzlePart.vue → app/components/app/AppPuzzlePart.vue
View file
Open in desktop
File renamed without changes.
0 components/app/AppSearchItem.vue → app/components/app/AppSearchItem.vue
View file
Open in desktop
File renamed without changes.
0 components/app/list/AppListGrid.vue → app/components/app/list/AppListGrid.vue
View file
Open in desktop
File renamed without changes.
8 changes: 4 additions & 4 deletions components/app/list/AppListTopBar.vue → app/components/app/list/AppListTopBar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ function openFilter() {
:ui="{ base: 'ml-4 lg:hidden' }"
size="lg"
icon="i-heroicons-adjustments-horizontal-solid"
color="gray"
color="neutral"
variant="solid"
:title="isFilterOpen ? 'Close filters' : 'Open filters'"
@click="openFilter()"
Expand All @@ -50,7 +50,7 @@ function openFilter() {
<UTooltip text="Reset filter">
<UButton
size="lg"
color="gray"
color="neutral"
variant="solid"
title="Reset filter"
icon="i-heroicons-arrow-path-20-solid"
Expand All @@ -74,7 +74,7 @@ function openFilter() {
<div class="mt-6 flex flex-row justify-end gap-4">
<UButton
size="lg"
color="gray"
color="neutral"
variant="ghost"
@click="$emit('reset')"
>
Expand All @@ -83,7 +83,7 @@ function openFilter() {
<UButton
v-model="isFilterOpen"
size="lg"
color="gray"
color="neutral"
variant="ghost"
:title="isFilterOpen ? 'Close filters' : 'Open filters'"
@click="openFilter()"
Expand Down
0 ...onents/app/list/grid/AppListGridEmpty.vue → ...onents/app/list/grid/AppListGridEmpty.vue
View file
Open in desktop
File renamed without changes.
0 components/app/list/grid/AppListGridItem.vue → ...ponents/app/list/grid/AppListGridItem.vue
View file
Open in desktop
File renamed without changes.
2 changes: 1 addition & 1 deletion ...s/app/list/top-bar/AppListTopBarOrder.vue → ...s/app/list/top-bar/AppListTopBarOrder.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ function toggleOrder() {
<template>
<UButton
:icon="modelValue === 1 ? 'i-heroicons-bars-arrow-up-20-solid' : 'i-heroicons-bars-arrow-down-20-solid'"
color="gray"
color="neutral"
variant="solid"
:title="modelValue === 1 ? 'Ascending order' : 'Descending order'"
@click="toggleOrder()"
Expand Down
2 changes: 1 addition & 1 deletion ...app/list/top-bar/AppListTopBarOrderBy.vue → ...app/list/top-bar/AppListTopBarOrderBy.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ const currentOrderBy = computed(() => props.options.find(item => item.id === pro
<USelectMenu
:model-value="modelValue"
:options="options"
color="gray"
color="neutral"
variant="outline"
placeholder="Order By"
select-class="cursor-pointer"
Expand Down
2 changes: 1 addition & 1 deletion .../app/list/top-bar/AppListTopBarSearch.vue → .../app/list/top-bar/AppListTopBarSearch.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ defineEmits<{
<UInput
:model-value="modelValue"
size="lg"
color="gray"
color="neutral"
variant="outline"
name="search"
:placeholder="placeholder"
Expand Down
0 ...ts/app/list/top-bar/AppListTopBarSort.vue → ...ts/app/list/top-bar/AppListTopBarSort.vue
View file
Open in desktop
File renamed without changes.
0 components/blog/BlogCard.vue → app/components/blog/BlogCard.vue
View file
Open in desktop
File renamed without changes.
0 components/content/AnotherArticle.vue → app/components/content/AnotherArticle.vue
View file
Open in desktop
File renamed without changes.
0 components/content/Caution.vue → app/components/content/Caution.vue
View file
Open in desktop
File renamed without changes.
0 components/content/Important.vue → app/components/content/Important.vue
View file
Open in desktop
File renamed without changes.
0 components/content/Note.vue → app/components/content/Note.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ProseA.vue → app/components/content/ProseA.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ProseCode.vue → app/components/content/ProseCode.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ProseCodeInline.vue → app/components/content/ProseCodeInline.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ProseImg.vue → app/components/content/ProseImg.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ProseTable.vue → app/components/content/ProseTable.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ProseTbody.vue → app/components/content/ProseTbody.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ProseThead.vue → app/components/content/ProseThead.vue
View file
Open in desktop
File renamed without changes.
0 components/content/ReadMore.vue → app/components/content/ReadMore.vue
View file
Open in desktop
File renamed without changes.
0 components/content/Tip.vue → app/components/content/Tip.vue
View file
Open in desktop
File renamed without changes.
0 components/content/Warning.vue → app/components/content/Warning.vue
View file
Open in desktop
File renamed without changes.
0 ...ts/content/design-kit/DesignKitColors.vue → ...ts/content/design-kit/DesignKitColors.vue
View file
Open in desktop
File renamed without changes.
0 ...ents/content/design-kit/DesignKitLogo.vue → ...ents/content/design-kit/DesignKitLogo.vue
View file
Open in desktop
File renamed without changes.
0 ...tent/design-kit/DesignKitPackageLogos.vue → ...tent/design-kit/DesignKitPackageLogos.vue
View file
Open in desktop
File renamed without changes.
0 ...esign-kit/DesignKitPackagePuzzleParts.vue → ...esign-kit/DesignKitPackagePuzzleParts.vue
View file
Open in desktop
File renamed without changes.
0 ...ontent/design-kit/DesignKitTypography.vue → ...ontent/design-kit/DesignKitTypography.vue
View file
Open in desktop
File renamed without changes.
0 .../design-kit/DesignKitColorsCopyButton.vue → .../design-kit/DesignKitColorsCopyButton.vue
View file
Open in desktop
File renamed without changes.
0 components/design-kit/DesignKitGrid.vue → app/components/design-kit/DesignKitGrid.vue
View file
Open in desktop
File renamed without changes.
0 components/design-kit/DesignKitGridItem.vue → ...mponents/design-kit/DesignKitGridItem.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomeHero.vue → app/components/home/HomeHero.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomeHeroEyeBrow.vue → app/components/home/HomeHeroEyeBrow.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomeNumbers.vue → app/components/home/HomeNumbers.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomeNumbersItem.vue → app/components/home/HomeNumbersItem.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomePhilosophy.vue → app/components/home/HomePhilosophy.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomePhilosophyCard.vue → app/components/home/HomePhilosophyCard.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomePuzzle.vue → app/components/home/HomePuzzle.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomeSection.vue → app/components/home/HomeSection.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomeUniverse.vue → app/components/home/HomeUniverse.vue
View file
Open in desktop
File renamed without changes.
0 components/home/HomeUniverseCarousel.vue → app/components/home/HomeUniverseCarousel.vue
View file
Open in desktop
File renamed without changes.
0 components/learn/LearnCard.vue → app/components/learn/LearnCard.vue
View file
Open in desktop
File renamed without changes.
0 components/packages/PackagesCard.vue → app/components/packages/PackagesCard.vue
View file
Open in desktop
File renamed without changes.
0 components/packages/PackagesHeader.vue → app/components/packages/PackagesHeader.vue
View file
Open in desktop
File renamed without changes.
0 components/packages/PackagesLatestNews.vue → ...omponents/packages/PackagesLatestNews.vue
View file
Open in desktop
File renamed without changes.
0 components/prose/Prose.vue → app/components/prose/Prose.vue
View file
Open in desktop
File renamed without changes.
0 components/prose/ProseContent.vue → app/components/prose/ProseContent.vue
View file
Open in desktop
File renamed without changes.
0 components/prose/ProseHeaderArticle.vue → app/components/prose/ProseHeaderArticle.vue
View file
Open in desktop
File renamed without changes.
0 components/prose/ProseNav.vue → app/components/prose/ProseNav.vue
View file
Open in desktop
File renamed without changes.
0 components/prose/nav/ProseNavCommunity.vue → ...omponents/prose/nav/ProseNavCommunity.vue
View file
Open in desktop
File renamed without changes.
0 components/prose/nav/ProseNavPackages.vue → ...components/prose/nav/ProseNavPackages.vue
View file
Open in desktop
File renamed without changes.
0 components/prose/nav/ProseNavToc.vue → app/components/prose/nav/ProseNavToc.vue
View file
Open in desktop
File renamed without changes.
2 changes: 1 addition & 1 deletion components/prose/nav/group/ProseNavGroup.vue → ...ponents/prose/nav/group/ProseNavGroup.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const id = useProseNavGroupId()
<slot name="title" />
</div>
<!-- eslint-disable-next-line vue/valid-v-on -->
<UButton v-if="!noDisclosure" color="gray" variant="ghost" class="flex items-center gap-2 md:hidden" type="button" :aria-expanded="open" :aria-controls="id" :ui="{ padding: { sm: 'px-0 py-0' }, color: { gray: { ghost: 'hover:bg-transparent dark:hover:bg-transparent' } } }" @click="open = !open" @keyup.space-bar="open = !open">
<UButton v-if="!noDisclosure" color="neutral" variant="ghost" class="flex items-center gap-2 md:hidden" type="button" :aria-expanded="open" :aria-controls="id" :ui="{ padding: { sm: 'px-0 py-0' }, color: { gray: { ghost: 'hover:bg-transparent dark:hover:bg-transparent' } } }" @click="open = !open" @keyup.space-bar="open = !open">
<span class="w-4 h-4" :class="icon" />
<slot name="title" />
<span class="i-heroicons-chevron-right-20-solid w-4 h-4 transition ease-in" :class="{ 'transform rotate-90': open }" />
Expand Down
0 ...nts/prose/nav/group/ProseNavGroupLink.vue → ...nts/prose/nav/group/ProseNavGroupLink.vue
View file
Open in desktop
File renamed without changes.
12 changes: 4 additions & 8 deletions components/relations/RelationsAbout.vue → app/components/relations/RelationsAbout.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
<script setup lang="ts">
const { metaSymbol } = useShortcuts()
</script>

<template>
<section class="prose dark:prose-invert">
<p>
Expand Down Expand Up @@ -34,16 +30,16 @@ const { metaSymbol } = useShortcuts()
</p>
<ul>
<li>
<kbd>{{ metaSymbol }}</kbd> + <kbd>m</kbd> toggle the menu
<UKbd value="meta" /> + <kbd>m</kbd> toggle the menu
</li>
<li>
<kbd>{{ metaSymbol }}</kbd> + <kbd>l</kbd> toggle the legend
<UKbd value="meta" /> + <kbd>l</kbd> toggle the legend
</li>
<li>
<kbd>{{ metaSymbol }}</kbd> + <kbd>i</kbd> toggle the info
<UKbd value="meta" /> + <kbd>i</kbd> toggle the info
</li>
<li>
<kbd>{{ metaSymbol }}</kbd> + <kbd>h</kbd> open the GitHub discussions
<UKbd value="meta" /> + <kbd>h</kbd> open the GitHub discussions
</li>
</ul>
</section>
Expand Down
0 components/relations/RelationsGitHubForm.vue → ...ponents/relations/RelationsGitHubForm.vue
View file
Open in desktop
File renamed without changes.
Loading