docs: update

nuxt · Nov 7, 2024 · edb1727 · edb1727
1 parent d936c48
commit edb1727
Show file tree

Hide file tree

Showing 26 changed files with 1,173 additions and 3,917 deletions.
diff --git a/docs/app/app.config.ts b/docs/app/app.config.ts
@@ -1,12 +1,4 @@
 export default defineAppConfig({
-  toaster: {
-    position: 'bottom-right' as const,
-    expand: true,
-    duration: 5000,
-  },
-  theme: {
-    radius: 0.25,
-  },
   ui: {
     colors: {
       primary: 'green',

diff --git a/docs/app/app.vue b/docs/app/app.vue
@@ -36,18 +36,13 @@ const searchTerm = ref('')
 const links = computed(() => {
   return [{
     label: 'Docs',
-    icon: 'i-heroicons-book-open',
+    icon: 'i-lucide-book',
     to: '/getting-started',
     active: route.path.startsWith('/getting-started') || route.path.startsWith('/components'),
-  }, {
-    label: 'Releases',
-    icon: 'i-heroicons-rocket-launch',
-    to: '/releases',
   }].filter(Boolean)
 })
 
 const color = computed(() => colorMode.value === 'dark' ? colors[appConfig.ui.colors.neutral as keyof typeof colors][900] : 'white')
-const radius = computed(() => `:root { --ui-radius: ${appConfig.theme.radius}rem; }`)
 
 useHead({
   meta: [
@@ -58,9 +53,6 @@ useHead({
     { rel: 'icon', type: 'image/svg+xml', href: '/icon.svg' },
     { rel: 'canonical', href: `https://content.nuxt.com${withoutTrailingSlash(route.path)}` },
   ],
-  style: [
-    { innerHTML: radius, id: 'nuxt-ui-radius', tagPriority: -2 },
-  ],
   htmlAttrs: {
     lang: 'en',
   },
@@ -75,31 +67,26 @@ provide('navigation', navigation)
 </script>
 
 <template>
-  <UApp :toaster="appConfig.toaster">
+  <UApp>
     <NuxtLoadingIndicator color="#FFF" />
 
-    <template v-if="!route.path.startsWith('/examples')">
-      <Banner />
-
-      <Header :links="links" />
-    </template>
+    <AppBanner />
+    <AppHeader :links="links" />
 
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
 
-    <template v-if="!route.path.startsWith('/examples')">
-      <Footer />
-
-      <ClientOnly>
-        <LazyUContentSearch
-          v-model:search-term="searchTerm"
-          :files="files"
-          :navigation="navigation"
-          :fuse="{ resultLimit: 42 }"
-        />
-      </ClientOnly>
-    </template>
+    <AppFooter />
+
+    <ClientOnly>
+      <LazyUContentSearch
+        v-model:search-term="searchTerm"
+        :files="files"
+        :navigation="navigation"
+        :fuse="{ resultLimit: 42 }"
+      />
+    </ClientOnly>
   </UApp>
 </template>
 

diff --git a/docs/app/components/Banner.vue → docs/app/components/AppBanner.vue b/docs/app/components/Banner.vue → docs/app/components/AppBanner.vue
@@ -1,7 +1,7 @@
 <template>
   <UBanner
-    icon="i-heroicons-wrench-screwdriver"
-    :actions="[{ label: 'Go to Nuxt Content v2', to: 'https://content.nuxt.com', trailingIcon: 'i-heroicons-arrow-right-20-solid' }]"
+    icon="i-lucide-construction"
+    :actions="[{ label: 'Go to Nuxt Content v2', to: 'https://content.nuxt.com', trailingIcon: 'i-lucide-arrow-right' }]"
     :close="false"
   >
     <template #title>

diff --git a/docs/app/components/Footer.vue → docs/app/components/AppFooter.vue b/docs/app/components/Footer.vue → docs/app/components/AppFooter.vue
@@ -48,25 +48,25 @@ const route = useRoute()
 
     <template #right>
       <UButton
-        aria-label="Nuxt Website"
-        icon="i-simple-icons-nuxtdotjs"
-        to="https://nuxt.com"
+        aria-label="Nuxt Content on Discord"
+        icon="i-simple-icons-discord"
+        to="https://go.nuxt.com/discord"
         target="_blank"
         color="neutral"
         variant="ghost"
       />
       <UButton
-        aria-label="Nuxt Content on Discord"
-        icon="i-simple-icons-discord"
-        to="https://chat.nuxt.dev"
+        aria-label="Nuxt on BlueSKy"
+        icon="i-simple-icons-bluesky"
+        to="https://go.nuxt.com/bluesky"
         target="_blank"
         color="neutral"
         variant="ghost"
       />
       <UButton
         aria-label="Nuxt on X"
         icon="i-simple-icons-x"
-        to="https://x.com/nuxt_js"
+        to="https://go.nuxt.com/x"
         target="_blank"
         color="neutral"
         variant="ghost"

diff --git a/docs/app/components/Header.vue → docs/app/components/AppHeader.vue b/docs/app/components/Header.vue → docs/app/components/AppHeader.vue
@@ -27,21 +27,21 @@ defineShortcuts({
         class="flex items-end gap-2 font-bold text-xl text-[--ui-text-highlighted] min-w-0"
         aria-label="Nuxt Content"
       >
-        <Logo class="w-auto h-6 shrink-0" />
+        <AppLogo class="w-auto h-6 shrink-0" />
 
         <UBadge
           :label="`v${config.version}`"
           variant="subtle"
           size="sm"
-          class="-mb-[2px] rounded-[--ui-radius] font-semibold inline-block truncate"
+          class="-mb-[2px] font-semibold inline-block truncate"
         />
       </NuxtLink>
     </template>
 
     <!-- <UNavigationMenu :items="items" variant="link" /> -->
 
     <template #right>
-      <ThemePicker />
+      <UColorModeButton />
 
       <UTooltip
         text="Search"

diff --git a/docs/app/components/Logo.vue → docs/app/components/AppLogo.vue b/docs/app/components/Logo.vue → docs/app/components/AppLogo.vue
diff --git a/docs/app/components/example/ExampleFulltextContentSearch.vue b/docs/app/components/example/ExampleFulltextContentSearch.vue
@@ -2,7 +2,7 @@
   <UCard>
     <UButton
       variant="ghost"
-      icon="i-heroicons-magnifying-glass-20-solid"
+      icon="i-lucide-search"
       @click="useContentSearch().open.value = true"
     >
       Open Search Modal

diff --git a/docs/app/components/theme-picker/ThemePicker.vue b/docs/app/components/theme-picker/ThemePicker.vue
diff --git a/docs/app/components/theme-picker/ThemePickerButton.vue b/docs/app/components/theme-picker/ThemePickerButton.vue