feat: use @nuxtjs/color-mode, close #24

nuxt.config.ts

@@ -13,7 +13,18 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
     '@unocss/nuxt',
     '@pinia/nuxt',
+    '@nuxtjs/color-mode',
   ],
+  autoImports: {
+    dirs: [
+      'composables',
+      'store',
+    ],
+  },
+  experimental: {
+    reactivityTransform: true,
+    // viteNode: true,
+  },
   vueuse: {
     ssrHandlers: true,
   },
@@ -28,14 +39,7 @@ export default defineNuxtConfig({
       ['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
     ],
   },
-  autoImports: {
-    dirs: [
-      'composables',
-      'store',
-    ],
-  },
-  experimental: {
-    reactivityTransform: true,
-    // viteNode: true,
+  colorMode: {
+    classSuffix: '',
   },
 })