updated: vaah docs

Author: themodernpk

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_size = 2
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.env.example

@@ -0,0 +1,5 @@
+# Production license for @nuxt/ui-pro, get one at https://ui.nuxt.com/pro/purchase
+NUXT_UI_PRO_LICENSE=
+
+# Public URL, used for OG Image when running nuxt generate
+NUXT_PUBLIC_SITE_URL=

.eslintignore

@@ -1,4 +1,4 @@
 dist
 node_modules
 .output
-.nuxt
+.nuxt

.eslintrc.cjs

@@ -1,8 +1,16 @@
 module.exports = {
   root: true,
-  extends: '@nuxt/eslint-config',
+  extends: [
+    '@nuxt/eslint-config'
+  ],
   rules: {
+    // Global
+    semi: ['error', 'never'],
+    quotes: ['error', 'single'],
+    'quote-props': ['error', 'as-needed'],
+    // Vue
+    'vue/multi-word-component-names': 0,
     'vue/max-attributes-per-line': 'off',
-    'vue/multi-word-component-names': 'off'
+    'vue/no-v-html': 0
   }
 }

.gitignore

@@ -1,11 +1,29 @@
-node_modules
-*.iml
-.idea
+# Nuxt dev/build outputs
+.output
+.data
 .nuxt
-.vscode
-.DS_Store
-coverage
+.nitro
+.cache
 dist
-sw.*
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
 .env
-.output
+.env.*
+!.env.example
+
+# VSC
+.history
+
+.vercel

.npmrc

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

README.md

@@ -1,57 +1,125 @@
-# Docus Starter
+![nuxt-ui-pro-docs-template](https://github.com/nuxt-ui-pro/docs/assets/904724/67fc15a7-92f6-4566-95b9-fe099012473c)
 
-Starter template for [Docus](https://docus.dev).
+# Nuxt UI Pro - Docs template
 
-## Clone
+[![Nuxt UI Pro](https://img.shields.io/badge/Made%20with-Nuxt%20UI%20Pro-00DC82?logo=nuxt.js&labelColor=020420)](https://ui.nuxt.com/pro)
+[![Nuxt Studio](https://img.shields.io/badge/Open%20in%20Nuxt%20Studio-18181B?&logo=nuxt.js&logoColor=3BB5EC)](https://nuxt.studio/themes/docs)
 
-Clone the repository (using `nuxi`):
+- [Live demo](https://nuxt-ui-pro-template-docs.vercel.app/)
+- [Play on Stackblitz](https://stackblitz.com/github/nuxt-ui-pro/docs)
+- [Documentation](https://ui.nuxt.com/pro/guide)
+- [Clone on Nuxt Studio](https://nuxt.studio/themes/docs)
 
-```bash
-npx nuxi init -t themes/docus
+## Quick Start
+
+```bash [Terminal]
+npx nuxi init -t github:nuxt-ui-pro/docs
 ```
 
 ## Setup
 
-Install dependencies:
+Make sure to install the dependencies:
 
 ```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
 yarn install
+
+# bun
+bun install
 ```
 
-## Development
+## Development Server
+
+Start the development server on `http://localhost:3000`:
 
 ```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
 yarn dev
-```
 
-## Edge Side Rendering
+# bun
+bun run dev
+```
 
-Can be deployed to Vercel Functions, Netlify Functions, AWS, and most Node-compatible environments.
+## Production
 
-Look at all the available presets [here](https://v3.nuxtjs.org/guide/deploy/presets).
+Build the application for production:
 
 ```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
 yarn build
+
+# bun
+bun run build
 ```
 
-## Static Generation
+Locally preview production build:
 
-Use the `generate` command to build your application.
+```bash
+# npm
+npm run preview
 
-The HTML files will be generated in the .output/public directory and ready to be deployed to any static compatible hosting.
+# pnpm
+pnpm run preview
 
-```bash
-yarn generate
+# yarn
+yarn preview
+
+# bun
+bun run preview
 ```
 
-## Preview build
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
 
-You might want to preview the result of your build locally, to do so, run the following command:
+## Nuxt Studio integration
+
+Add `@nuxthq/studio` dependency to your package.json:
 
 ```bash
-yarn preview
+# npm
+npm install --save-dev @nuxthq/studio
+
+# pnpm
+pnpm add -D @nuxthq/studio
+
+# yarn
+yarn add -D @nuxthq/studio
+
+# bun
+bun add -d @nuxthq/studio
+```
+
+Add this module to your `nuxt.config.ts`:
+
+```ts
+export default defineNuxtConfig({
+  ...
+  modules: [
+    ...
+    '@nuxthq/studio'
+  ]
+})
 ```
 
----
+Read more on [Nuxt Studio docs](https://nuxt.studio/docs/projects/setup).
+
+## Renovate integration
 
-For a detailed explanation of how things work, check out [Docus](https://docus.dev).
+Install [Renovate GitHub app](https://github.com/apps/renovate/installations/select_target) on your repository and you are good to go.

app.config.js

@@ -0,0 +1,55 @@
+let credits = 'Copyright © '+new Date().getFullYear()
+export default defineAppConfig({
+  ui: {
+    primary: 'green',
+    danger: 'red',
+    gray: 'slate',
+    footer: {
+      bottom: {
+        left: 'text-sm text-gray-500 dark:text-gray-400',
+        wrapper: 'border-t border-gray-200 dark:border-gray-800'
+      }
+    }
+  },
+  seo: {
+    siteName: 'WebReinvent Internal Docs',
+  },
+  header: {
+    logo: {
+      alt: 'WebReinvent Internal Docs',
+      light: '/logos/light.svg',
+      dark: '/logos/dark.svg'
+    },
+    search: false,
+    colorMode: true,
+    links: [{
+      icon: 'i-simple-icons-github',
+      to: 'https://github.com/webreinvent/webreinvent-docs',
+      target: '_blank',
+      'aria-label': 'Docs template on GitHub'
+    }]
+  },
+  footer: {
+    credits: credits,
+    colorMode: false,
+    links: [{
+      icon: 'i-simple-icons-github',
+      to: 'https://github.com/webreinvent',
+      target: '_blank',
+      'aria-label': 'WebReinvent on GitHub'
+    }]
+  },
+  toc: {
+    title: 'Table of Contents',
+    bottom: {
+      title: 'Community',
+      edit: 'https://github.com/webreinvent/webreinvent-docs/edit/develop/content',
+      links: [{
+        icon: 'i-heroicons-book-open',
+        label: 'Nuxt UI Pro docs',
+        to: 'https://ui.nuxt.com/pro/guide',
+        target: '_blank',
+      }]
+    }
+  }
+})

app.config.ts

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import type { ParsedContent } from '@nuxt/content/dist/runtime/types'
+import { useRootStore } from '@/stores/root'
+
+const { seo } = useAppConfig()
+
+const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())
+const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', {
+  default: () => [],
+  server: false
+})
+
+useHead({
+  meta: [
+    { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+  ],
+  link: [
+    { rel: 'icon', href: '/favicon.ico' }
+  ],
+  htmlAttrs: {
+    lang: 'en'
+  }
+})
+
+useSeoMeta({
+  ogSiteName: seo?.siteName,
+  twitterCard: 'summary_large_image'
+})
+
+const rootStore = useRootStore()
+
+provide('navigation', navigation)
+</script>
+
+<template>
+  <div>
+    <Header />
+
+    <UMain>
+      <NuxtLayout>
+        <NuxtPage />
+      </NuxtLayout>
+    </UMain>
+
+    <Footer />
+
+    <ClientOnly>
+      <LazyUDocsSearch :files="files" :navigation="navigation" />
+    </ClientOnly>
+
+    <UNotifications />
+
+  </div>
+</template>