From a814625790d316fe0f46cb794552360fd7c93828 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=91=E6=B8=B8=E5=90=9B?= <me@yunyoujun.cn>
Date: Tue, 29 Nov 2022 20:46:38 +0800
Subject: [PATCH] fix: color.preference by @nuxtjs/color-mode@3.2.0 (#69)

---
 components/DarkToggle.vue |  2 +-
 package.json              |  2 +-
 pnpm-lock.yaml            | 13 +++++++------
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/DarkToggle.vue b/components/DarkToggle.vue
index dac8986..d0b66f8 100644
--- a/components/DarkToggle.vue
+++ b/components/DarkToggle.vue
@@ -2,7 +2,7 @@
 const color = useColorMode()
 
 function toggleDark() {
-  color.value = color.value === 'dark' ? 'light' : 'dark'
+  color.preference = color.value === 'dark' ? 'light' : 'dark'
 }
 </script>
 
diff --git a/package.json b/package.json
index 22cf7dd..c3e2992 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "@antfu/eslint-config": "^0.30.1",
     "@iconify-json/carbon": "^1.1.10",
     "@iconify-json/twemoji": "^1.1.5",
-    "@nuxtjs/color-mode": "^3.1.8",
+    "@nuxtjs/color-mode": "^3.2.0",
     "@pinia/nuxt": "^0.4.3",
     "@unocss/nuxt": "^0.46.5",
     "@vueuse/nuxt": "^9.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 85a9e09..a3d14b8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,7 +4,7 @@ specifiers:
   '@antfu/eslint-config': ^0.30.1
   '@iconify-json/carbon': ^1.1.10
   '@iconify-json/twemoji': ^1.1.5
-  '@nuxtjs/color-mode': ^3.1.8
+  '@nuxtjs/color-mode': ^3.2.0
   '@pinia/nuxt': ^0.4.3
   '@unocss/nuxt': ^0.46.5
   '@vueuse/nuxt': ^9.5.0
@@ -17,7 +17,7 @@ devDependencies:
   '@antfu/eslint-config': 0.30.1_e3uo4sehh4zr4i6m57mkkxxv7y
   '@iconify-json/carbon': 1.1.10
   '@iconify-json/twemoji': 1.1.5
-  '@nuxtjs/color-mode': 3.1.8
+  '@nuxtjs/color-mode': 3.2.0
   '@pinia/nuxt': 0.4.3_typescript@4.9.3
   '@unocss/nuxt': 0.46.5
   '@vueuse/nuxt': 9.5.0_nuxt@3.0.0
@@ -1017,13 +1017,14 @@ packages:
       - vti
     dev: true
 
-  /@nuxtjs/color-mode/3.1.8:
-    resolution: {integrity: sha512-ahgjmSzpjTpaxvyyGA/1wD2rNcSFXiqs3/A/GEllB1s4BboJVnBIqkwIQpAguq7IDVZG2tMAvqmnZHSfwrI3IA==}
+  /@nuxtjs/color-mode/3.2.0:
+    resolution: {integrity: sha512-isDR01yfadopiHQ/VEVUpyNSPrk5PCjUHS4t1qYRZwuRGefU4s9Iaxf6H9nmr1QFzoMgTm+3T0r/54jLwtpZbA==}
     dependencies:
-      '@nuxt/kit': 3.0.0-rc.11
+      '@nuxt/kit': 3.0.0
       lodash.template: 4.5.0
-      pathe: 0.3.8
+      pathe: 1.0.0
     transitivePeerDependencies:
+      - rollup
       - supports-color
     dev: true