feat: docs

Author: productdevbook

.docs/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

.docs/.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

.docs/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "references.preferredLocation": "peek"
+}

.docs/README.md

@@ -0,0 +1,75 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

.docs/[...slug].vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import type { NavItem } from '@nuxt/content/dist/runtime/types'
+
+const navigation = inject<Ref<NavItem[]>>('navigation')
+
+const route = useRoute()
+const { navPageFromPath } = useContentHelpers()
+const { headerLinks } = useNavigation()
+
+const links = computed(() => headerLinks.value.find(link => link.to === '/pergel')?.children ?? [])
+
+const navigationLinks = computed(() => {
+  const path = ['/pergel', route.params.slug?.[0]].filter(Boolean).join('/')
+
+  return mapContentNavigation(navPageFromPath(path, navigation!.value)?.children || [])
+})
+</script>
+
+<template>
+  <UContainer>
+    <UPage>
+      <template #left>
+        <UAside :links="links">
+          <UDivider type="dashed" class="mb-6" />
+
+          <UNavigationTree :links="navigationLinks" default-open :multiple="false" />
+        </UAside>
+      </template>
+
+      <NuxtPage />
+    </UPage>
+  </UContainer>
+</template>

.docs/app.config.ts

@@ -0,0 +1,192 @@
+export default defineAppConfig({
+  ui: {
+    primary: 'yellow',
+    gray: 'slate',
+    avatar: {
+      default: {
+        icon: 'i-ph-image',
+      },
+    },
+    button: {
+      default: {
+        loadingIcon: 'i-ph-spinner',
+      },
+    },
+    input: {
+      default: {
+        loadingIcon: 'i-ph-spinner',
+      },
+    },
+    select: {
+      default: {
+        loadingIcon: 'i-ph-spinner',
+        trailingIcon: 'i-ph-caret-down',
+      },
+    },
+    selectMenu: {
+      default: {
+        selectedIcon: 'i-ph-check',
+      },
+    },
+    notification: {
+      default: {
+        closeButton: {
+          icon: 'i-ph-x',
+        },
+      },
+    },
+    commandPalette: {
+      default: {
+        icon: 'i-ph-magnifying-glass-duotone',
+        loadingIcon: 'i-ph-spinner',
+        selectedIcon: 'i-ph-check',
+        emptyState: {
+          icon: 'i-ph-magnifying-glass-duotone',
+        },
+        closeButton: {
+          icon: 'i-ph-x',
+        },
+      },
+    },
+    table: {
+      default: {
+        sortAscIcon: 'i-ph-sort-ascending',
+        sortDescIcon: 'i-ph-sort-descending',
+        sortButton: {
+          icon: 'i-ph-list',
+        },
+        loadingState: {
+          icon: 'i-ph-spinner',
+        },
+        emptyState: {
+          icon: 'i-ph-database',
+        },
+      },
+    },
+    pagination: {
+      default: {
+        prevButton: {
+          icon: 'i-ph-arrow-left',
+        },
+        nextButton: {
+          icon: 'i-ph-arrow-right',
+        },
+      },
+    },
+    card: {
+      rounded: 'rounded-xl',
+    },
+    tooltip: {
+      background: '!bg-background',
+      popper: {
+        strategy: 'absolute',
+      },
+    },
+    breadcrumb: {
+      divider: {
+        base: 'w-4 h-4',
+      },
+      default: {
+        divider: 'i-ph-caret-right',
+      },
+    },
+    // `@nuxt/ui-pro` specific
+    variables: {
+      dark: {
+        background: 'var(--color-gray-950)',
+      },
+    },
+    icons: {
+      dark: 'i-ph-moon-duotone',
+      light: 'i-ph-sun-duotone',
+      search: 'i-ph-magnifying-glass-duotone',
+      external: 'i-ph-arrow-up-right',
+      chevron: 'i-ph-caret-down',
+      hash: 'i-ph-hash-duotone',
+    },
+    header: {
+      wrapper: 'lg:mb-0 lg:border-0',
+      links: {
+        trailingIcon: {
+          base: 'w-4 h-4',
+        },
+        popover: {
+          popper: {
+            strategy: 'absolute',
+          },
+          ui: {
+            width: 'w-[16rem]',
+          },
+        },
+      },
+      popover: {
+        links: {
+          active: 'dark:bg-gray-950/50',
+          inactive: 'dark:hover:bg-gray-950/50',
+        },
+      },
+      button: {
+        icon: {
+          open: 'i-ph-list',
+          close: 'i-ph-x',
+        },
+      },
+    },
+    navigation: {
+      accordion: {
+        button: {
+          trailingIcon: {
+            base: 'w-4 h-4',
+          },
+        },
+      },
+    },
+    page: {
+      card: {
+        to: 'dark:hover:bg-gray-900/50',
+      },
+    },
+    docs: {
+      search: {
+        fileIcon: {
+          name: 'i-ph-file-text-duotone',
+        },
+      },
+      toc: {
+        button: {
+          trailingIcon: {
+            base: 'w-4 h-4',
+          },
+        },
+      },
+      surround: {
+        icon: {
+          prev: 'i-ph-arrow-left',
+          next: 'i-ph-arrow-right',
+        },
+      },
+    },
+    content: {
+      collapsible: {
+        button: {
+          icon: {
+            base: 'w-3 h-3',
+          },
+        },
+      },
+      prose: {
+        code: {
+          button: {
+            icon: {
+              copy: 'i-ph-copy-duotone',
+              copied: 'i-ph-check-square-duotone',
+            },
+          },
+          icon: {
+            terminal: 'i-ph-terminal-window-duotone',
+          },
+        },
+      },
+    },
+  },
+})