chore: 📦 update Docus (#485)

Author: Tahul

docs/content/en/examples/useFetch.md

@@ -0,0 +1,9 @@
+export default {
+  title: 'Nuxt Composition API',
+  url: 'https://composition-api.nuxtjs.org',
+  twitter: "nuxt_js",
+  github: {
+    repo: 'nuxt-community/composition-api',
+    branch: 'main'
+  }
+}

docs/content/en/helpers/useContext.md

@@ -2,8 +2,5 @@ import { withDocus } from 'docus'
 
 // Learn more at https://docus.dev
 export default withDocus({
-  generate: {
-    routes: ['/'],
-    exclude: [/\/example/, /\/fixture/],
-  },
+  rootDir: __dirname,
 })

docs/content/settings.json

@@ -6,7 +6,6 @@
     "now-build": "yarn generate"
   },
   "devDependencies": {
-    "docus": "^0.1.5",
-    "nuxt": "^2.15.4"
+    "docus": "^0.5.6"
   }
 }

docs/docus.config.ts

@@ -1,14 +1,6 @@
 ---
 title: Introduction
 description: '@nuxtjs/composition-api provides a way to use the Vue 3 Composition API with Nuxt-specific features.'
-category: Getting started
-position: 1
-items:
-  - Support for the new Nuxt fetch in v2.12+
-  - Easy access to router, app, store within setup()
-  - Interact directly with your vue-meta properties within setup()
-  - Drop-in replacement for ref with automatic SSR stringification and hydration (ssrRef)
-  - Written in TypeScript
 ---
 
 > `@nuxtjs/composition-api` provides a way to use the Vue 3 Composition API in with Nuxt-specific features.
@@ -17,7 +9,15 @@ items:
 
 ## Key features
 
-<d-list :items="items"></d-list>
+:::list{type="primary"}
+
+- Support for the new Nuxt fetch in v2.12+
+- Easy access to router, app, store within setup()
+- Interact directly with your vue-meta properties within setup()
+- Drop-in replacement for ref with automatic SSR stringification and hydration (ssrRef)
+- Written in TypeScript
+
+:::
 
 ## API reference
 

docs/nuxt.config.js

@@ -1,30 +1,28 @@
 ---
 title: Quick start
 description: 'Getting started with the Nuxt Composition API.'
-category: Getting started
-position: 2
-version: 0.225
 ---
 
 ## Quick start
 
 1. First, install `@nuxtjs/composition-api`:
 
-    <d-code-group>
-    <d-code-block label="Yarn" active>
+::::code-group
+  ::::code-block{label="Yarn" active}
 
    ```bash
    yarn add @nuxtjs/composition-api
    ```
 
-   </d-code-block><d-code-block label="NPM">
+  ::::
+  ::::code-block{label="NPM"}
 
    ```bash
    npm install @nuxtjs/composition-api --save
    ```
 
-   </d-code-block>
-   </d-code-group>
+   ::::
+:::::
 
 2. Enable the module.
 
@@ -51,10 +49,10 @@ version: 0.225
 
 4. You're good to go!
 
-<d-alert type="info">
+:::alert{type="info"}
 
 - The module automatically installs [`@vue/composition-api`](https://github.com/vuejs/composition-api) as a plugin, so you do not need to enable it separately.
 
 - For convenience, this package also exports the [`@vue/composition-api`](https://github.com/vuejs/composition-api) methods and hooks, so you can import directly from `@nuxtjs/composition-api`.
 
-</d-alert>
+:::

docs/package.json

@@ -1,10 +1,6 @@
 ---
 title: Gotchas
 description: 'There are a couple of points that you should be aware of when using `@nuxtjs/composition-api`.'
-category: Getting started
-fullscreen: True
-position: 3
-version: 0.133
 ---
 
 ## **'Keyed' functions**

docs/content/en/index.md renamed to docs/pages/en/1.getting-started/1.introduction.md

@@ -1,9 +1,6 @@
 ---
 title: useRoute, useRouter
 description: 'Access this.$route and this.$router with the Nuxt Composition API.'
-category: Packages
-position: 12
-version: 0.201
 ---
 
 In Vue 3, `vue-router` exports composition functions for accessing the current route and router.
@@ -25,7 +22,9 @@ export default defineComponent({
 })
 ```
 
-<d-alert>When migrating to Nuxt 3 you will need to remove `.value` as the native equivalent returns a reactive object, not a computed object.</d-alert>
+:::alert
+When migrating to Nuxt 3 you will need to remove `.value` as the native equivalent returns a reactive object, not a computed object.
+:::
 
 ## useRouter