chore: update deps

components/DarkToggle.vue

@@ -1,11 +1,12 @@
 <script setup lang='ts'>
-const isDark = useDark()
+const color = useColorMode()
-const toggleDark = useToggle(isDark)
+function toggleDark() {
+  color.value = color.value === 'dark' ? 'light' : 'dark'
+}
 </script>
 
 <template>
   <button class="!outline-none" @click="toggleDark()">
-    <div v-if="isDark" class="i-carbon-moon" />
+    <div class="dark:i-carbon-moon i-carbon-sun" />
-    <div v-else class="i-carbon-sun" />
   </button>
 </template>

nuxt.config.ts

@@ -9,6 +9,9 @@ export default defineNuxtConfig({
     '@unocss/nuxt',
     '@pinia/nuxt',
   ],
+  vueuse: {
+    ssrHandlers: true,
+  },
   unocss: {
     uno: true,
     attributify: true,
@@ -20,7 +23,4 @@ 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'],
     ],
   },
-  vite: {
-    logLevel: 'info',
-  },
 })

package.json

@@ -6,16 +6,16 @@
     "start": "node .output/server/index.mjs"
   },
   "dependencies": {
-    "pinia": "^2.0.6"
+    "pinia": "^2.0.9"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.13.1",
+    "@antfu/eslint-config": "^0.14.2",
     "@iconify-json/carbon": "^1.0.12",
     "@iconify-json/twemoji": "^1.0.2",
-    "@pinia/nuxt": "^0.1.6",
+    "@pinia/nuxt": "^0.1.8",
-    "@unocss/nuxt": "^0.16.4",
+    "@unocss/nuxt": "^0.20.1",
-    "@vueuse/nuxt": "^7.3.0",
+    "@vueuse/nuxt": "^7.4.2",
-    "eslint": "^8.4.1",
+    "eslint": "^8.5.0",
     "nuxt3": "latest",
     "typescript": "^4.5.4"
   },