--wip--

Author: marcel-bitfly

frontend/layers/base/app/components/BaseColormode.vue

@@ -3,11 +3,18 @@ const colorMode = useColorMode()
 const cookie = useBcCookie<'dark' | 'light'>('theme')
 colorMode.preference = cookie.value || 'dark'
 const handleUpdate = () => {
+  console.log('👉', 'handleUpdate')
   cookie.value = colorMode.preference as 'dark' | 'light'
+  window.localStorage.setItem('theme', colorMode.preference)
+  console.log('updated', colorMode.preference, window.localStorage.getItem('theme'))
 }
 </script>
 
 <template>
+  <pre>
+    {{ colorMode }}
+    {{ cookie }}
+  </pre>
   <BaseSwitch
     v-model="colorMode.preference"
     class="w-fit"

frontend/nuxt.config.ts

@@ -71,6 +71,13 @@ export default defineNuxtConfig({
       'resize-detector',
     ],
   },
+  routeRules: {
+    '**': {
+      headers: {
+        'Cache-Control': 'no-store',
+      },
+    },
+  },
   devServer: {
     host: 'local.beaconcha.in',
     https: {