docs: refactor using docus

docs/.gitignore

@@ -0,0 +1,37 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+.eslintcache
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# npm pack
+*.tgz
+
+# Temp files
+.tmp
+.profile
+*.0x
+
+#VSC
+.history
+.wrangler

docs/.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

docs/app/app.config.ts

@@ -0,0 +1,50 @@
+export default defineAppConfig({
+  site: {
+    name: 'Nuxt Fonts',
+  },
+  ui: {
+    colors: {
+      primary: 'green',
+      neutral: 'slate',
+    },
+  },
+  github: {
+    rootDir: 'docs',
+  },
+  socials: {
+    nuxt: 'https://nuxt.com',
+    x: 'https://go.nuxt.com/x',
+  },
+  toc: {
+    title: 'Table of Contents',
+    bottom: {
+      title: 'Community',
+      links: [
+        {
+          icon: 'i-ph-shooting-star-duotone',
+          label: 'Star on GitHub',
+          to: 'https://github.com/nuxt/fonts',
+          target: '_blank',
+        },
+        {
+          icon: 'i-ph-chat-centered-text-duotone',
+          label: 'Chat on Discord',
+          to: 'https://chat.nuxt.dev',
+          target: '_blank',
+        },
+        {
+          icon: 'i-ph-hand-heart-duotone',
+          label: 'Become a Sponsor',
+          to: 'https://github.com/sponsors/nuxt',
+          target: '_blank',
+        },
+        {
+          icon: 'i-simple-icons-nuxtdotjs',
+          label: 'Nuxt docs',
+          to: 'https://nuxt.com',
+          target: '_blank',
+        },
+      ],
+    },
+  },
+})

docs/app/assets/css/main.css

@@ -0,0 +1,18 @@
+@import "tailwindcss";
+@import "@nuxt/ui-pro";
+
+@theme static {
+  --font-sans: 'Public Sans', sans-serif;
+
+  --color-green-50: #EFFDF5;
+  --color-green-100: #D9FBE8;
+  --color-green-200: #B3F5D1;
+  --color-green-300: #75EDAE;
+  --color-green-400: #00DC82;
+  --color-green-500: #00C16A;
+  --color-green-600: #00A155;
+  --color-green-700: #007F45;
+  --color-green-800: #016538;
+  --color-green-900: #0A5331;
+  --color-green-950: #052E16;
+}

docs/app/components/AppHeaderBody.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import type { ContentNavigationItem } from '@nuxt/content'
+
+const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
+
+const nav = computed(() => ([
+  {
+    title: 'Documentation',
+    icon: 'i-heroicons-book-open-solid',
+    path: '/get-started/installation',
+    children: navigation!.value,
+  },
+  {
+    title: 'Playground',
+    icon: 'i-ph-play-duotone',
+    children: [{
+      title: 'Basic',
+      icon: 'vscode-icons:file-type-css',
+      to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/basic',
+    }, {
+      title: 'SCSS',
+      icon: 'vscode-icons:file-type-scss',
+      to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/scss',
+    }, {
+      title: 'Tailwind CSS (v3)',
+      icon: 'vscode-icons:file-type-tailwind',
+      to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/tailwindcss@3',
+    }, {
+      title: 'Tailwind CSS (v4)',
+      icon: 'vscode-icons:file-type-tailwind',
+      to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/tailwindcss@4',
+    }, {
+      title: 'UnoCSS',
+      icon: 'vscode-icons:file-type-unocss',
+      to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/unocss',
+    }],
+  },
+  {
+    title: 'Releases',
+    icon: 'i-heroicons-rocket-launch-solid',
+    path: 'https://github.com/nuxt/fonts/releases',
+    target: '_blank',
+  },
+]))
+</script>
+
+<template>
+  <UContentNavigation
+    highlight
+    variant="link"
+    :navigation="nav"
+  />
+</template>

docs/app/components/AppHeaderCenter.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+const links = [{
+  label: 'Documentation',
+  to: '/get-started/installation',
+},
+{
+  label: 'Playground',
+  children: [{
+    label: 'Basic',
+    icon: 'vscode-icons:file-type-css',
+    to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/basic',
+  }, {
+    label: 'SCSS',
+    icon: 'vscode-icons:file-type-scss',
+    to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/scss',
+  }, {
+    label: 'Tailwind CSS (v3)',
+    icon: 'vscode-icons:file-type-tailwind',
+    to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/tailwindcss@3',
+  }, {
+    label: 'Tailwind CSS (v4)',
+    icon: 'vscode-icons:file-type-tailwind',
+    to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/tailwindcss@4',
+  }, {
+    label: 'UnoCSS',
+    icon: 'vscode-icons:file-type-unocss',
+    to: 'https://stackblitz.com/github/nuxt/fonts/tree/main/playgrounds/unocss',
+  }],
+},
+{
+  label: 'Releases',
+  to: 'https://github.com/nuxt/fonts/releases',
+  target: '_blank',
+}]
+</script>
+
+<template>
+  <UNavigationMenu
+    :items="links"
+    content-orientation="vertical"
+    variant="link"
+  />
+</template>

docs/app/components/DocsAsideLeftTop.vue

@@ -0,0 +1,6 @@
+<template>
+  <UContentSearchButton
+    :collapsed="false"
+    class="mb-8 w-full"
+  />
+</template>