undocs 0.2.9 → 0.2.10

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"
-    >
-      <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" />

package/app/tailwind.config.ts

@@ -1,7 +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: {
+    files: contentFiles,
+  },
   theme: {
     extend: {
       fontFamily: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "undocs",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "repository": "unjs/undocs",
   "license": "MIT",
   "type": "module",
@@ -30,6 +30,7 @@
     "undocs": "./cli/main.mjs"
   },
   "dependencies": {
+    "@headlessui/vue": "^1.7.19",
     "@nuxt/content": "^2.12.0",
     "@nuxt/ui": "^2.14.0",
     "@nuxt/ui-pro": "^1.0.0",