diff options
Diffstat (limited to 'src/components/NavbarButtons.vue')
-rw-r--r-- | src/components/NavbarButtons.vue | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/src/components/NavbarButtons.vue b/src/components/NavbarButtons.vue index 29d5417..2c7635c 100644 --- a/src/components/NavbarButtons.vue +++ b/src/components/NavbarButtons.vue @@ -1,3 +1,21 @@ +<script setup lang="ts"> +import { BrandGithub, BrandTwitter, InfoCircle, Moon, Sun } from '@vicons/tabler'; +import { toRefs } from 'vue'; +import { useStyleStore } from '@/stores/style.store'; +import { useThemeStore } from '@/ui/theme/theme.store'; + +const styleStore = useStyleStore(); +const { isDarkTheme } = toRefs(styleStore); + +const themeStore = useThemeStore(); + +function toggleDarkTheme() { + isDarkTheme.value = !isDarkTheme.value; + + themeStore.toggleTheme(); +} +</script> + <template> <n-tooltip trigger="hover"> <template #trigger> @@ -51,24 +69,6 @@ </n-tooltip> </template> -<script setup lang="ts"> -import { useStyleStore } from '@/stores/style.store'; -import { useThemeStore } from '@/ui/theme/theme.store'; -import { BrandGithub, BrandTwitter, InfoCircle, Moon, Sun } from '@vicons/tabler'; -import { toRefs } from 'vue'; - -const styleStore = useStyleStore(); -const { isDarkTheme } = toRefs(styleStore); - -const themeStore = useThemeStore(); - -function toggleDarkTheme() { - isDarkTheme.value = !isDarkTheme.value; - - themeStore.toggleTheme(); -} -</script> - <style lang="less" scoped> .n-button { &:not(:last-child) { |