fix: avoid setting color-mode when rendering islands (#200)

nuxt-modules · Aug 8, 2023 · d856d7a · d856d7a
1 parent e4e84fe
commit d856d7a
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/runtime/plugin.server.ts b/src/runtime/plugin.server.ts
@@ -16,12 +16,14 @@ const addScript = (head) => {
 }
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const colorMode = useState<ColorModeInstance>('color-mode', () => reactive({
-    preference,
-    value: preference,
-    unknown: true,
-    forced: false
-  })).value
+  const colorMode = nuxtApp.ssrContext && 'islandContext' in nuxtApp.ssrContext
+    ? reactive({})
+    : useState<ColorModeInstance>('color-mode', () => reactive({
+      preference,
+      value: preference,
+      unknown: true,
+      forced: false
+    })).value
 
   const htmlAttrs: Record<string, string> = {}