fix: handle spa fallback (regression)

Resolves #21
nuxt-modules · Aug 4, 2020 · b92d64b · b92d64b
1 parent 8ce7abb
commit b92d64b
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/lib/templates/plugin.client.js b/lib/templates/plugin.client.js
@@ -9,8 +9,17 @@ const cookieOptions = JSON.parse('<%= JSON.stringify(options.cookie.options) %>'
 const colorMode = window['<%= options.globalName %>']
 
 export default function (ctx, inject) {
+  let data = ctx.nuxtState.colorMode
+  // For SPA mode or fallback
+  if (!data) {
+    data = {
+      preference: colorMode.preference,
+      value: colorMode.value,
+      unknown: colorMode.preference === 'system'
+    }
+  }
   const $colorMode = new Vue({
-    data: ctx.nuxtState.colorMode,
+    data,
     watch: {
       preference (preference) {
         if (preference === 'system') {