docs: migrate to latest docus

docs/.env.example

@@ -0,0 +1,3 @@
+# Create one with no scope selected on https://github.com/settings/tokens/new
+# This token is used for fetching the repository releases.
+GITHUB_TOKEN=

docs/.gitignore

@@ -8,3 +8,5 @@ node_modules
 coverage
 dist
 sw.*
+.env
+.output

docs/.npmrc

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

docs/components/content/Logo.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg
+    class="w-auto h-8 text-[#003C3C] dark:text-white"
+    width="277"
+    height="40"
+    viewBox="0 0 277 40"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M43.82 30V16.112H46.984L47.264 18.464C47.6933 17.6427 48.3093 16.9893 49.112 16.504C49.9333 16.0187 50.8947 15.776 51.996 15.776C53.7133 15.776 55.048 16.3173 56 17.4C56.952 18.4827 57.428 20.0693 57.428 22.16V30H53.844V22.496C53.844 21.3013 53.6013 20.3867 53.116 19.752C52.6307 19.1173 51.8747 18.8 50.848 18.8C49.84 18.8 49.0093 19.1547 48.356 19.864C47.7213 20.5733 47.404 21.5627 47.404 22.832V30H43.82ZM66.0632 30.336C64.3272 30.336 62.9832 29.7947 62.0312 28.712C61.0978 27.6293 60.6312 26.0427 60.6312 23.952V16.112H64.1872V23.616C64.1872 24.8107 64.4298 25.7253 64.9152 26.36C65.4005 26.9947 66.1658 27.312 67.2112 27.312C68.2005 27.312 69.0125 26.9573 69.6472 26.248C70.3005 25.5387 70.6272 24.5493 70.6272 23.28V16.112H74.2112V30H71.0472L70.7672 27.648C70.3378 28.4693 69.7125 29.1227 68.8912 29.608C68.0885 30.0933 67.1458 30.336 66.0632 30.336ZM76.5743 30L81.6143 23.056L76.5743 16.112H80.4103L83.9383 21.04L87.4383 16.112H91.3023L86.2343 23.056L91.3023 30H87.4383L83.9383 25.072L80.4103 30H76.5743ZM99.7736 30C98.3176 30 97.151 29.6453 96.2736 28.936C95.3963 28.2267 94.9576 26.9667 94.9576 25.156V19.108H92.5776V16.112H94.9576L95.3776 12.388H98.5416V16.112H102.294V19.108H98.5416V25.184C98.5416 25.856 98.6816 26.3227 98.9616 26.584C99.2603 26.8267 99.7643 26.948 100.474 26.948H102.21V30H99.7736ZM104.195 33.108L111.195 8.244H114.695L107.667 33.108H104.195Z" fill="currentColor" />
+    <path d="M123.96 30.336C122.541 30.336 121.291 30.028 120.208 29.412C119.125 28.796 118.267 27.9373 117.632 26.836C117.016 25.7347 116.708 24.4747 116.708 23.056C116.708 21.6373 117.016 20.3773 117.632 19.276C118.267 18.1747 119.125 17.316 120.208 16.7C121.291 16.084 122.541 15.776 123.96 15.776C125.733 15.776 127.227 16.2427 128.44 17.176C129.653 18.0907 130.428 19.36 130.764 20.984H126.984C126.797 20.312 126.424 19.7893 125.864 19.416C125.323 19.024 124.679 18.828 123.932 18.828C122.943 18.828 122.103 19.2013 121.412 19.948C120.721 20.6947 120.376 21.7307 120.376 23.056C120.376 24.3813 120.721 25.4173 121.412 26.164C122.103 26.9107 122.943 27.284 123.932 27.284C124.679 27.284 125.323 27.0973 125.864 26.724C126.424 26.3507 126.797 25.8187 126.984 25.128H130.764C130.428 26.696 129.653 27.956 128.44 28.908C127.227 29.86 125.733 30.336 123.96 30.336ZM140.609 30.336C139.265 30.336 138.052 30.028 136.969 29.412C135.905 28.796 135.056 27.9467 134.421 26.864C133.805 25.7627 133.497 24.4933 133.497 23.056C133.497 21.6187 133.814 20.3587 134.449 19.276C135.084 18.1747 135.933 17.316 136.997 16.7C138.08 16.084 139.293 15.776 140.637 15.776C141.962 15.776 143.157 16.084 144.221 16.7C145.304 17.316 146.153 18.1747 146.769 19.276C147.404 20.3587 147.721 21.6187 147.721 23.056C147.721 24.4933 147.404 25.7627 146.769 26.864C146.153 27.9467 145.304 28.796 144.221 29.412C143.138 30.028 141.934 30.336 140.609 30.336ZM140.609 27.228C141.542 27.228 142.354 26.8827 143.045 26.192C143.736 25.4827 144.081 24.4373 144.081 23.056C144.081 21.6747 143.736 20.6387 143.045 19.948C142.354 19.2387 141.552 18.884 140.637 18.884C139.685 18.884 138.864 19.2387 138.173 19.948C137.501 20.6387 137.165 21.6747 137.165 23.056C137.165 24.4373 137.501 25.4827 138.173 26.192C138.864 26.8827 139.676 27.228 140.609 27.228ZM150.925 30V9.84H154.509V30H150.925ZM164.836 30.336C163.492 30.336 162.278 30.028 161.196 29.412C160.132 28.796 159.282 27.9467 158.648 26.864C158.032 25.7627 157.724 24.4933 157.724 23.056C157.724 21.6187 158.041 20.3587 158.676 19.276C159.31 18.1747 160.16 17.316 161.224 16.7C162.306 16.084 163.52 15.776 164.864 15.776C166.189 15.776 167.384 16.084 168.448 16.7C169.53 17.316 170.38 18.1747 170.996 19.276C171.63 20.3587 171.948 21.6187 171.948 23.056C171.948 24.4933 171.63 25.7627 170.996 26.864C170.38 27.9467 169.53 28.796 168.448 29.412C167.365 30.028 166.161 30.336 164.836 30.336ZM164.836 27.228C165.769 27.228 166.581 26.8827 167.272 26.192C167.962 25.4827 168.308 24.4373 168.308 23.056C168.308 21.6747 167.962 20.6387 167.272 19.948C166.581 19.2387 165.778 18.884 164.864 18.884C163.912 18.884 163.09 19.2387 162.4 19.948C161.728 20.6387 161.392 21.6747 161.392 23.056C161.392 24.4373 161.728 25.4827 162.4 26.192C163.09 26.8827 163.902 27.228 164.836 27.228ZM175.152 30V16.112H178.344L178.68 18.716C179.184 17.82 179.865 17.1107 180.724 16.588C181.601 16.0467 182.628 15.776 183.804 15.776V19.556H182.796C182.012 19.556 181.312 19.6773 180.696 19.92C180.08 20.1627 179.595 20.5827 179.24 21.18C178.904 21.7773 178.736 22.608 178.736 23.672V30H175.152ZM185.946 23.392V20.396H197.678V23.392H185.946ZM201.019 30V16.112H204.183L204.491 17.988C204.939 17.316 205.527 16.784 206.255 16.392C207.002 15.9813 207.861 15.776 208.831 15.776C210.978 15.776 212.499 16.6067 213.395 18.268C213.899 17.5027 214.571 16.896 215.411 16.448C216.27 16 217.203 15.776 218.211 15.776C220.022 15.776 221.413 16.3173 222.383 17.4C223.354 18.4827 223.839 20.0693 223.839 22.16V30H220.255V22.496C220.255 21.3013 220.022 20.3867 219.555 19.752C219.107 19.1173 218.407 18.8 217.455 18.8C216.485 18.8 215.701 19.1547 215.103 19.864C214.525 20.5733 214.235 21.5627 214.235 22.832V30H210.651V22.496C210.651 21.3013 210.418 20.3867 209.951 19.752C209.485 19.1173 208.766 18.8 207.795 18.8C206.843 18.8 206.069 19.1547 205.471 19.864C204.893 20.5733 204.603 21.5627 204.603 22.832V30H201.019ZM233.906 30.336C232.562 30.336 231.349 30.028 230.266 29.412C229.202 28.796 228.353 27.9467 227.718 26.864C227.102 25.7627 226.794 24.4933 226.794 23.056C226.794 21.6187 227.111 20.3587 227.746 19.276C228.381 18.1747 229.23 17.316 230.294 16.7C231.377 16.084 232.59 15.776 233.934 15.776C235.259 15.776 236.454 16.084 237.518 16.7C238.601 17.316 239.45 18.1747 240.066 19.276C240.701 20.3587 241.018 21.6187 241.018 23.056C241.018 24.4933 240.701 25.7627 240.066 26.864C239.45 27.9467 238.601 28.796 237.518 29.412C236.435 30.028 235.231 30.336 233.906 30.336ZM233.906 27.228C234.839 27.228 235.651 26.8827 236.342 26.192C237.033 25.4827 237.378 24.4373 237.378 23.056C237.378 21.6747 237.033 20.6387 236.342 19.948C235.651 19.2387 234.849 18.884 233.934 18.884C232.982 18.884 232.161 19.2387 231.47 19.948C230.798 20.6387 230.462 21.6747 230.462 23.056C230.462 24.4373 230.798 25.4827 231.47 26.192C232.161 26.8827 232.973 27.228 233.906 27.228ZM250.606 30.336C249.3 30.336 248.133 30.0187 247.106 29.384C246.08 28.7493 245.268 27.8813 244.67 26.78C244.073 25.6787 243.774 24.428 243.774 23.028C243.774 21.628 244.073 20.3867 244.67 19.304C245.268 18.2027 246.08 17.344 247.106 16.728C248.133 16.0933 249.3 15.776 250.606 15.776C251.652 15.776 252.566 15.972 253.35 16.364C254.134 16.756 254.769 17.3067 255.254 18.016V9.84H258.838V30H255.646L255.254 28.012C254.806 28.628 254.209 29.1693 253.462 29.636C252.734 30.1027 251.782 30.336 250.606 30.336ZM251.362 27.2C252.52 27.2 253.462 26.8173 254.19 26.052C254.937 25.268 255.31 24.2693 255.31 23.056C255.31 21.8427 254.937 20.8533 254.19 20.088C253.462 19.304 252.52 18.912 251.362 18.912C250.224 18.912 249.281 19.2947 248.534 20.06C247.788 20.8253 247.414 21.8147 247.414 23.028C247.414 24.2413 247.788 25.24 248.534 26.024C249.281 26.808 250.224 27.2 251.362 27.2ZM269.236 30.336C267.836 30.336 266.595 30.0373 265.512 29.44C264.429 28.8427 263.58 28.0027 262.964 26.92C262.348 25.8373 262.04 24.5867 262.04 23.168C262.04 21.7307 262.339 20.452 262.936 19.332C263.552 18.212 264.392 17.344 265.456 16.728C266.539 16.0933 267.808 15.776 269.264 15.776C270.627 15.776 271.831 16.0747 272.876 16.672C273.921 17.2693 274.733 18.0907 275.312 19.136C275.909 20.1627 276.208 21.3107 276.208 22.58C276.208 22.7853 276.199 23 276.18 23.224C276.18 23.448 276.171 23.6813 276.152 23.924H265.596C265.671 25.0067 266.044 25.856 266.716 26.472C267.407 27.088 268.237 27.396 269.208 27.396C269.936 27.396 270.543 27.2373 271.028 26.92C271.532 26.584 271.905 26.1547 272.148 25.632H275.788C275.527 26.5093 275.088 27.312 274.472 28.04C273.875 28.7493 273.128 29.3093 272.232 29.72C271.355 30.1307 270.356 30.336 269.236 30.336ZM269.264 18.688C268.387 18.688 267.612 18.94 266.94 19.444C266.268 19.9293 265.839 20.676 265.652 21.684H272.568C272.512 20.7693 272.176 20.0413 271.56 19.5C270.944 18.9587 270.179 18.688 269.264 18.688Z" fill="#00DC82" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16 4.63989C16.8837 4.63989 17.6 5.35624 17.6 6.23989V7.83989C17.6 8.72355 16.8837 9.43989 16 9.43989C15.1163 9.43989 14.4 8.72355 14.4 7.83989V6.23989C14.4 5.35624 15.1163 4.63989 16 4.63989ZM27.3138 9.32612C27.9386 9.95096 27.9386 10.964 27.3138 11.5889L26.1826 12.7201C25.5577 13.3449 24.5447 13.3449 23.9198 12.7201C23.295 12.0952 23.295 11.0822 23.9198 10.4573L25.051 9.32612C25.6759 8.70128 26.6889 8.70128 27.3138 9.32612ZM16 15.8399C14.727 15.8399 13.5061 16.3456 12.6059 17.2458C11.981 17.8706 10.968 17.8706 10.3431 17.2458C9.7183 16.6209 9.7183 15.6079 10.3431 14.983C11.8434 13.4827 13.8783 12.6399 16 12.6399C18.1217 12.6399 20.1566 13.4827 21.6568 14.983C23.1571 16.4833 24 18.5182 24 20.6399C24 22.7616 23.1571 24.7965 21.6568 26.2967C21.032 26.9216 20.0189 26.9216 19.3941 26.2967C18.7693 25.6719 18.7693 24.6588 19.3941 24.034C20.2943 23.1338 20.8 21.9129 20.8 20.6399C20.8 19.3669 20.2943 18.146 19.3941 17.2458C18.4939 16.3456 17.273 15.8399 16 15.8399ZM27.2 20.6399C27.2 19.7562 27.9163 19.0399 28.8 19.0399H30.4C31.2837 19.0399 32 19.7562 32 20.6399C32 21.5235 31.2837 22.2399 30.4 22.2399H28.8C27.9163 22.2399 27.2 21.5235 27.2 20.6399Z" fill="#00DC82" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7539 5.10825C12.2075 5.56157 12.3466 6.24192 12.1073 6.83689C11.1712 9.16475 10.9399 11.7164 11.4421 14.1746C11.9443 16.6329 13.1579 18.8893 14.9321 20.6635C16.7062 22.4376 18.9627 23.6513 21.4209 24.1535C23.8792 24.6557 26.4308 24.4244 28.7587 23.4883C29.3535 23.2491 30.0335 23.388 30.4869 23.8412C30.9402 24.2945 31.0793 24.9745 30.8403 25.5693C29.6491 28.5334 27.5983 31.0732 24.9516 32.8619C22.305 34.6506 19.1836 35.6064 15.9892 35.6063H15.9875C12.2728 35.6023 8.67509 34.3062 5.81124 31.9403C2.94739 29.5743 0.995725 26.2858 0.29082 22.6386C-0.414085 18.9913 0.171672 15.2124 1.94768 11.9497C3.72368 8.68704 6.57932 6.14373 10.0251 4.75581C10.6199 4.51621 11.3003 4.65492 11.7539 5.10825ZM8.12168 9.51101C6.75059 10.5822 5.60211 11.9294 4.75826 13.4796C3.33735 16.09 2.86871 19.1133 3.43268 22.0314C3.99665 24.9494 5.55809 27.5804 7.84935 29.4733C10.1406 31.3662 13.019 32.4031 15.991 32.4063C18.5461 32.4061 21.0428 31.6414 23.1598 30.2106C24.2801 29.4535 25.2669 28.5281 26.0891 27.4733C24.3308 27.7068 22.5365 27.6475 20.7804 27.2887C17.7076 26.6609 14.887 25.1439 12.6694 22.9262C10.4517 20.7085 8.93465 17.888 8.30687 14.8152C7.94841 13.0606 7.88891 11.2679 8.12168 9.51101Z" fill="currentColor" />
+  </svg>
+</template>

docs/content/index.md → docs/content/1.index.md

@@ -1,15 +1,16 @@
 ---
 title: 'Documentation'
 description: 'Dark and Light mode with auto detection made easy with Nuxt 🌗'
-category: 'Home'
+aside: false
+exact: true
 csb_link: https://codesandbox.io/embed/github/nuxt-community/color-mode-module/tree/master/?autoresize=1&fontsize=14&hidenavigation=1&module=%2Fplayground%2Fpages%2Findex.vue&theme=dark&view=preview
 ---
 
-<alert type="info">
+::alert{type="info"}
 
 v3 of `@nuxtjs/color-mode` is compatible with [Nuxt 3 and Nuxt Bridge](https://v3.nuxtjs.org/). If you're looking for the previous version of this module, check out [the previous docs](https://v2.color-mode.nuxtjs.org/), or [read more about the differences](#migrating-to-v3).
 
-</alert>
+::
 
 ## Features
 
@@ -23,36 +24,31 @@ v3 of `@nuxtjs/color-mode` is compatible with [Nuxt 3 and Nuxt Bridge](https://v
 
 ## Live demo
 
-<a href="https://color-mode.nuxtjs.app"><img src="https://user-images.githubusercontent.com/904724/79349768-f09cf080-7f36-11ea-93bb-20fae8c94811.gif" alt="Nuxt color mode demo" class="border-r border-b border-black" /></a>
+[![Nuxt color mode demo](https://user-images.githubusercontent.com/904724/79349768-f09cf080-7f36-11ea-93bb-20fae8c94811.gif){.border-b .border-r}](https://color-mode.nuxtjs.app)
 
 Checkout the <a href="https://color-mode.nuxtjs.app">online demo</a>.
 
 ## Setup
 
-<alert>
+::alert{type="info"}
 
 `@nuxtjs/color-mode` version 3 supports Nuxt Bridge and Nuxt 3 only. For use in Nuxt 2 (without Bridge), make sure to install version 2.
 
-</alert>
+::
 
 Add `@nuxtjs/color-mode` dependency to your project:
 
-<code-group>
-  <code-block label="Yarn" active>
+::code-group
 
-  ```bash
-  yarn add --dev @nuxtjs/color-mode
-  ```
-
-  </code-block>
-  <code-block label="NPM">
+```bash [Yarn]
+yarn add --dev @nuxtjs/color-mode
+```
 
-  ```bash
-  npm install --save-dev @nuxtjs/color-mode
-  ```
+```bash [NPM]
+npm install --save-dev @nuxtjs/color-mode
+```
 
-  </code-block>
-</code-group>
+::
 
 Then, add `@nuxtjs/color-mode` to the `modules` section of your `nuxt.config.js`
 
@@ -132,23 +128,24 @@ definePageMeta({
 
 This feature is perfect for implementing dark mode to a website incrementally by setting the not-ready pages to `colorMode: 'light'`.
 
-<alert>
+::alert{type="info"}
 
 We recommend to hide or disable the color mode picker on the page since it won't be able to change the current page color mode, using `$colorMode.forced` value.
 
-</alert>
+::
 
 ## Example
 
 You can see a more advanced example in the [playground/ directory](https://github.com/nuxt-community/color-mode-module/tree/master/playground) or play online with the CodeSandBox below:
 
-<code-sandbox :src="csb_link"></code-sandbox>
+::sandbox{:src="csb_link"}
+::
 
 ## Configuration
 
 You can configure the module by providing the `colorMode` property in your `nuxt.config.js`; here are the default options:
 
-```js
+```js{}[nuxt.config.js]
 import { defineNuxtConfig } from 'nuxt'
 
 export default defineNuxtConfig({
@@ -221,8 +218,7 @@ Checkout the [live example on CodeSandBox](https://codesandbox.io/s/nuxt-dark-ta
 
 You can easily integrate this module with [tailwindcss-dark-mode](https://github.com/ChanceArthur/tailwindcss-dark-mode) by just setting `darkSelector: '.dark-mode'`, see [changing the selector documentation](https://github.com/ChanceArthur/tailwindcss-dark-mode#changing-the-selector).
 
-```js
-// tailwind.config.js
+```js{}[tailwind.config.js]
 module.exports = {
   theme: {
     darkSelector: '.dark-mode'
@@ -246,22 +242,22 @@ v3 of `@nuxtjs/color-mode` requires either Nuxt Bridge or Nuxt 3. (If you are us
 
 1. The main change between Nuxt 2 -> Nuxt 3 is that you will define your color mode at the page level with `definePageMeta`:
 
-   ```diff
-     <template>
-       <h1>This page is forced with light mode</h1>
-     </template>
-     
-     <script>
-   - export default {
-   -   colorMode: 'light',
-   - }
-   + definePageMeta({
-   +   colorMode: 'light',
-   + })
-     </script>
-   ```
-
-   ⚠️ If you are using Nuxt Bridge, you should not use `definePageMeta` but instead continue using the component option `colorMode`.
+```diff
+  <template>
+    <h1>This page is forced with light mode</h1>
+  </template>
+
+  <script>
+- export default {
+-   colorMode: 'light',
+- }
++ definePageMeta({
++   colorMode: 'light',
++ })
+  </script>
+```
+
+⚠️ If you are using Nuxt Bridge, you should not use `definePageMeta` but instead continue using the component option `colorMode`.
 
 2. The `$colorMode` helper remains the same, but there is also a new composable (`useColorMode`) which is the recommended way of accessing color mode information.
 

docs/content/2.releases.md

@@ -0,0 +1,9 @@
+---
+title: Releases
+description: Discover the latest Nuxt Color Mode updates.
+aside: false
+toc: false
+---
+
+::releases
+::

docs/content/_theme.yml

@@ -0,0 +1,43 @@
+title: Nuxt Color Mode
+
+layout: docs
+
+url: "https://color-mode.nuxtjs.org"
+
+description: "Dark and Light mode with auto detection made easy with Nuxt 🌗"
+
+socials:
+  twitter: "@nuxt_js"
+  github: "nuxt-community/color-mode-module"
+
+debug: false
+
+colors:
+  primary: "#00dc82"
+
+github:
+  root: docs/content
+  edit: true
+  releases: true
+
+aside:
+  level: 1
+
+cover: false
+
+header:
+  title: false
+  logo: true
+
+footer:
+  credits:
+    icon: IconDocus
+    text: Powered by Docus
+    href: https://docus.com
+  icons:
+  - label: NuxtJS
+    href: https://nuxtjs.org
+    component: IconNuxt
+  - label: Vue Telescope
+    href: https://vuetelescope.com
+    component: IconVueTelescope

docs/nuxt.config.ts

@@ -0,0 +1,42 @@
+import { defineNuxtConfig } from 'nuxt'
+
+export default defineNuxtConfig({
+  extends: ['./node_modules/@docus/docs-theme'],
+  github: {
+    owner: 'nuxt-community',
+    repo: 'color-mode-module',
+    branch: 'main'
+  },
+  theme: {},
+  content: {
+    navigation: {
+      fields: ['exact']
+    }
+  },
+  modules: ['@nuxthq/admin', '@docus/github', 'vue-plausible'],
+  plausible: {
+    domain: 'color-mode.nuxtjs.org'
+  },
+  tailwindcss: {
+    config: {
+      theme: {
+        extend: {
+          colors: {
+            primary: {
+              50: '#d6ffee',
+              100: '#acffdd',
+              200: '#83ffcc',
+              300: '#30ffaa',
+              400: '#00dc82',
+              500: '#00bd6f',
+              600: '#009d5d',
+              700: '#007e4a',
+              800: '#005e38',
+              900: '#003f25'
+            }
+          }
+        }
+      }
+    }
+  }
+})

docs/package.json

@@ -1,18 +1,19 @@
 {
   "name": "nuxt-color-mode-docs",
   "version": "1.0.0",
-  "private": true,
+  "description": "Dark and Light mode with auto detection made easy with Nuxt",
+  "homepage": "https://color-mode.nuxtjs.org/",
+  "license": "MIT",
   "scripts": {
-    "dev": "nuxt",
-    "build": "nuxt build",
-    "start": "nuxt start",
-    "generate": "nuxt generate"
-  },
-  "dependencies": {
-    "docus": "^0.0.10",
-    "nuxt": "^2.15.3"
+    "dev": "nuxi dev",
+    "build": "nuxi build",
+    "generate": "nuxi build",
+    "preview": "nuxi preview"
   },
   "devDependencies": {
-    "vue-plausible": "^1.1.3"
+    "@docus/docs-theme": "npm:@docus/docs-theme-edge@latest",
+    "@docus/github": "npm:@docus/github-edge@latest",
+    "nuxt": "^3.0.0-rc.3",
+    "vue-plausible": "^1.3.1"
   }
 }