undocs 0.2.8 → 0.2.10

package/app/app.vue

@@ -31,7 +31,7 @@ provide('navigation', navigation)
   <AppFooter />
 
   <ClientOnly>
-    <LazyUDocsSearch :files="files" :navigation="navigation" />
+    <LazyUContentSearch :files="files" :navigation="navigation" />
   </ClientOnly>
 
   <UNotifications />

package/app/components/AppHeader.vue

@@ -33,18 +33,17 @@ const navLinks = computed(() => {
           {{ appConfig.site.name }}
         </span>
       </NuxtLink>
-      <div class="hidden lg:flex ml-8">
-        <UDocsSearchButton label="Search..." />
-      </div>
     </template>
 
-    <template #center> </template>
+    <template #center>
+      <UContentSearchButton label="Search..." class="hidden lg:flex" />
+    </template>
 
     <template #right>
       <UHeaderLinks :links="navLinks" class="mr-4" v-if="navLinks.length > 1" />
 
       <UTooltip class="lg:hidden" text="Search" :shortcuts="[metaSymbol, 'K']">
-        <UDocsSearchButton :label="null" />
+        <UContentSearchButton :label="null" />
       </UTooltip>
 
       <!-- <ColorPicker /> -->

package/app/components/SocialButtons.vue

@@ -38,6 +38,7 @@ const socialLinks = computed(() => {
     :to="link.to"
     target="_blank"
     rel="noopener noreferrer"
-    v-bind="$ui.button.secondary as any"
+    color="gray"
+    variant="ghost"
   ></UButton>
 </template>

package/app/error.vue

@@ -41,7 +41,7 @@ provide('navigation', navigation)
     <AppFooter />
 
     <ClientOnly>
-      <LazyUDocsSearch :files="files" :navigation="navigation" />
+      <LazyUContentSearch :files="files" :navigation="navigation" />
     </ClientOnly>
 
     <UNotifications />

package/app/modules/tailwind.ts

@@ -1,16 +1,5 @@
-import { createRequire } from 'node:module'
 import { defineNuxtModule } from 'nuxt/kit'
 
-// Remove deprecated color warnings for Bun
-// https://github.com/nuxt/ui/issues/809
-const _require = createRequire(import.meta.url)
-const defaultColors = _require('tailwindcss/colors.js')
-delete defaultColors.lightBlue
-delete defaultColors.warmGray
-delete defaultColors.trueGray
-delete defaultColors.coolGray
-delete defaultColors.blueGray
-
 export default defineNuxtModule({
   setup(_, nuxt) {
     if (nuxt.options._prepare) {

package/app/nuxt.config.ts

@@ -1,4 +1,3 @@
-import { join } from 'node:path'
 import { defineNuxtConfig } from 'nuxt/config'
 
 // Flag enabled when developing docs theme
@@ -99,12 +98,6 @@ export default defineNuxtConfig({
   tailwindcss: {
     viewer: dev,
     quiet: !dev,
-    config: {
-      content: {
-        // eslint-disable-next-line unicorn/prefer-module
-        files: [join(__dirname, '{components,pages,layouts}/**/*.vue')],
-      },
-    },
   },
   typescript: {
     strict: false,

package/app/pages/[...slug].vue

@@ -53,6 +53,10 @@ const tocLinks = computed(() =>
     href: `#${link.id}`,
   })),
 )
+
+const scrollToTop = () => {
+  window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })
+}
 </script>
 
 <template>
@@ -60,18 +64,21 @@ const tocLinks = computed(() =>
     <UPageHeader :title="page.title" :description="page.description" :links="page.links" :headline="headline">
     </UPageHeader>
 
-    <UDropdown
-      v-if="tocLinks.length > 2"
-      :items="[/*[{ label: 'Return to top', href: '#' }] TODO: once sticky */ tocLinks]"
-      v-model:open="tocOpen"
-      class="mt-4 lg:sticky"
-    >
-      <UButton
-        color="white"
-        label="On this page"
-        :trailing-icon="`i-heroicons-chevron-${tocOpen ? 'down' : 'right'}-20-solid`"
-      />
-    </UDropdown>
+    <div class="mt-4 top-[calc(var(--header-height)_+_0.5rem)] z-10 flex justify-end lg:sticky">
+      <UDropdown
+        v-if="tocLinks.length > 2"
+        :items="[[{ label: 'Return to top', click: scrollToTop }], tocLinks]"
+        :popper="{ placement: 'bottom-end' }"
+        v-model:open="tocOpen"
+      >
+        <UButton
+          color="white"
+          label="On this page"
+          :trailing="false"
+          :icon="`i-heroicons-chevron-${tocOpen ? 'down' : 'left'}-20-solid`"
+        />
+      </UDropdown>
+    </div>
 
     <UPageBody prose>
       <ContentRenderer v-if="page.body" :value="page" />
@@ -91,7 +98,7 @@ const tocLinks = computed(() =>
             ]"
           />
         </div>
-        <UDocsSurround v-if="surround?.length" class="mb-4" :surround="surround" />
+        <UContentSurround v-if="surround?.length" class="mb-4" :surround="surround" />
       </div>
     </UPageBody>
   </UPage>

package/app/tailwind.config.ts

@@ -1,8 +1,28 @@
+import { resolve, join } from 'node:path'
 import type { Config } from 'tailwindcss'
 import defaultTheme from 'tailwindcss/defaultTheme'
 
+// eslint-disable-next-line unicorn/prefer-module
+const uiDir = resolve(require.resolve('@nuxt/ui'), '..')
+
+// eslint-disable-next-line unicorn/prefer-module
+const uiProDir = resolve(require.resolve('@nuxt/ui-pro'), '..')
+
+// eslint-disable-next-line unicorn/prefer-module
+const appDir = __dirname
+
+const contentFiles = [
+  join(appDir, '{components,pages,layouts}/**/*.{vue,mjs,js,cjs,ts}'),
+  join(appDir, '.unjs/{components,pages,layouts}/**/*.{vue,mjs,js,cjs,ts}'),
+  join(uiDir, 'runtime/**/*.{vue,mjs,js,cjs,ts}'),
+  join(uiProDir, 'components/**/*.{vue,mjs,js,cjs,ts}'),
+  join(uiProDir, 'modules/pro/runtime/**/*.{vue,mjs,js,cjs,ts}'),
+]
+
 export default <Partial<Config>>{
-  content: ['./nuxt.config.ts'],
+  content: {
+    files: contentFiles,
+  },
   theme: {
     extend: {
       fontFamily: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "undocs",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "repository": "unjs/undocs",
   "license": "MIT",
   "type": "module",
@@ -30,22 +30,23 @@
     "undocs": "./cli/main.mjs"
   },
   "dependencies": {
+    "@headlessui/vue": "^1.7.19",
     "@nuxt/content": "^2.12.0",
-    "@nuxt/ui": "^2.13.0",
-    "@nuxt/ui-pro": "^0.7.5",
+    "@nuxt/ui": "^2.14.0",
+    "@nuxt/ui-pro": "^1.0.0",
     "@nuxtjs/fontaine": "^0.4.1",
     "@nuxtjs/google-fonts": "^3.1.3",
     "@nuxtjs/plausible": "^0.2.4",
     "@nuxtjs/seo": "^2.0.0-rc.8",
-    "@nuxtjs/tailwindcss": "^6.11.3",
-    "automd": "^0.3.4",
-    "c12": "^1.7.0",
-    "citty": "^0.1.5",
+    "@nuxtjs/tailwindcss": "^6.11.4",
+    "automd": "^0.3.5",
+    "c12": "^1.9.0",
+    "citty": "^0.1.6",
     "consola": "^3.2.3",
     "defu": "^6.1.4",
     "is-buffer": "^2.0.5",
     "nuxi": "^3.10.1",
-    "nuxt": "^3.10.2",
+    "nuxt": "^3.10.3",
     "nuxt-build-cache": "^0.1.1",
     "pkg-types": "^1.0.3",
     "scule": "^1.3.0",
@@ -53,12 +54,12 @@
     "theme-colors": "^0.1.0",
     "unctx": "^2.3.1",
     "unstorage": "^1.10.1",
-    "vue": "~3.3.13",
-    "vue-router": "^4.2.5"
+    "vue": "^3.4.19",
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.2.0",
-    "@types/node": "^20.11.16",
+    "@types/node": "^20.11.20",
     "changelogen": "^0.5.5",
     "eslint": "^8.56.0",
     "eslint-config-unjs": "^0.2.1",