asco.fablab/BrainBlast
11
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Test de commit avec une modif dans brainblatbar

Browse Source
This commit is contained in:
Jérémy CHOMAZ 2024-02-25 11:37:06 +01:00
parent 7d6c8d0f10
commit 5aca026391
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/BrainBlastBar.vue
View File

@ -4,18 +4,24 @@
<v-app-bar-title>Brain Blast</v-app-bar-title> <v-app-bar-title>Brain Blast</v-app-bar-title>
<template v-slot:append> <template v-slot:append>
<v-btn @click="toggleTheme" icon="mdi-theme-light-dark"></v-btn> <v-btn icon @click="toggleTheme">
<v-icon>{{ darkTheme ? 'mdi-white-balance-sunny' : 'mdi-moon-waning-crescent' }}</v-icon>
</v-btn>
</template> </template>
</v-app-bar> </v-app-bar>
</template> </template>
<script setup> <script setup>
import { ref } from 'vue'
import { useTheme } from 'vuetify' import { useTheme } from 'vuetify'
import RouterMenu from '@/components/RouterMenu.vue' import RouterMenu from '@/components/RouterMenu.vue'
const theme = useTheme() const theme = useTheme()
const darkTheme = ref(true)
function toggleTheme() { function toggleTheme() {
darkTheme.value = !darkTheme.value
theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark' theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
} }
</script> </script>