Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat: persist dark mode preference in localStorage

Browse Source
This commit is contained in:
Johannes D. Vos
2026-05-15 10:19:44 +02:00
parent 2af6c74696
commit 67adb17936
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+4 -2
View File
@@ -17,9 +17,11 @@ limitations under the License.
<script setup> <script setup>
import Navbar from './features/nav/components/Navbar.vue'; import Navbar from './features/nav/components/Navbar.vue';
import Footer from './features/footer/components/Footer.vue'; import Footer from './features/footer/components/Footer.vue';
import { ref, provide } from 'vue'; import { ref, provide, watch } from 'vue';
const isDark = ref(false);
const isDark = ref(localStorage.getItem('theme') === 'dark');
provide('isDark', isDark); provide('isDark', isDark);
watch(isDark, val => localStorage.setItem('theme', val ? 'dark' : 'light'));
</script> </script>
<template> <template>