fix(content): fix docs

assets/css/main.css

@@ -64,3 +64,41 @@ body {
   }
 }
 
+.docus-scrollbars {
+  & ::-webkit-scrollbar {
+    width: 0.6em;
+    height: 0.6em;
+    background: transparent;
+  }
+
+  & ::-webkit-scrollbar-track {
+    background: $dt('colors.gray.100');
+  }
+
+  & ::-webkit-scrollbar-thumb {
+    border-radius: 0.6em;
+    background: $dt('colors.gray.300');
+    &:hover {
+      background: $dt('colors.gray.400');
+    }
+    &:active {
+      background: $dt('colors.gray.500');
+    }
+  }
+
+  &.dark {
+    & ::-webkit-scrollbar-track {
+      background: $dt('colors.gray.800');
+    }
+
+    & ::-webkit-scrollbar-thumb {
+      background: $dt('colors.gray.700');
+      &:hover {
+        background: $dt('colors.gray.600');
+      }
+      &:active {
+        background: $dt('colors.gray.500');
+      }
+    }
+  }
+}

nuxt.config.ts

@@ -1,4 +1,8 @@
-import { createResolver } from '@nuxt/kit'
+import { createResolver, logger } from '@nuxt/kit'
+import { $fetch } from 'ofetch'
+import { version } from './package.json'
+
+logger.success(`Using Docus v${version}`)
 
 const { resolve } = createResolver(import.meta.url)
 
@@ -19,7 +23,16 @@ export default defineNuxtConfig({
     '@nuxtjs/color-mode',
     '@nuxt/content',
     '@vueuse/nuxt',
-    resolve('./app/module')
+    resolve('./app/module'),
+    (_, nuxt) => {
+      if (nuxt.options.dev) {
+        $fetch('https://ungh.unjs.io/repos/nuxt-themes/docus/releases/latest').then(({ release }) => {
+          if (release.tag !== `v${version}`) {
+            logger.warn(`A new version of Docus (${release.tag}) is available: https://github.com/nuxt-themes/docus/releases/tag/${release.tag}`)
+          }
+        }).catch((_) => {})
+      }
+    }
   ],
 
   css: [

plugins/scrollbars.client.ts

@@ -0,0 +1,5 @@
+export default defineNuxtPlugin(() => {
+  if (navigator && navigator.userAgent && navigator.userAgent.match(/Win[a-z0-9]*;/)) {
+    document.documentElement.classList.add('docus-scrollbars')
+  }
+})