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

add isDark state in App.vue

Browse Source
This commit is contained in:
Johannes D. Vos
2026-05-15 10:12:23 +02:00
parent 0b609598f0
commit a0eaf36db3
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+10 -5
View File
@@ -17,16 +17,21 @@ 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';
const isDark = ref(false);
provide('isDark', isDark);
</script> </script>
<template> <template>
<Navbar /> <div :class="{ dark: isDark }">
<Navbar />
<div class="main-content"> <div class="main-content">
<router-view /> <router-view />
</div>
<Footer />
</div> </div>
<Footer />
</template> </template>
<style scoped> <style scoped>