aboutsummaryrefslogtreecommitdiff
path: root/src/components/NavbarButtons.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/NavbarButtons.vue')
-rw-r--r--src/components/NavbarButtons.vue36
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) {