From d856d7a7415a68872cf9e87e5f576fc12cff6be7 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Tue, 8 Aug 2023 15:00:23 +0100
Subject: [PATCH] fix: avoid setting color-mode when rendering islands (#200)

---
 src/runtime/plugin.server.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/runtime/plugin.server.ts b/src/runtime/plugin.server.ts
index 95bdda6c..a9d7a868 100644
--- 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> = {}