From cba734118a41b40e42ad7533a3d160a15a8ef72d Mon Sep 17 00:00:00 2001
From: rmt/src <144435+rmtsrc@users.noreply.github.com>
Date: Sat, 17 Jun 2023 23:01:39 +0100
Subject: [PATCH] Remove theme store

---
 src/components/NavbarButtons.vue | 10 +---------
 src/ui/theme/theme.models.ts     |  6 +++---
 src/ui/theme/theme.store.ts      | 24 ------------------------
 3 files changed, 4 insertions(+), 36 deletions(-)
 delete mode 100644 src/ui/theme/theme.store.ts

diff --git a/src/components/NavbarButtons.vue b/src/components/NavbarButtons.vue
index 339495df..5b1a3a4e 100644
--- a/src/components/NavbarButtons.vue
+++ b/src/components/NavbarButtons.vue
@@ -1,17 +1,9 @@
 <script setup lang="ts">
 import { BrandGithub, BrandTwitter, InfoCircle, Moon, Sun } from '@vicons/tabler';
 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() {
-  styleStore.toggleDark();
-  themeStore.toggleTheme();
-}
 </script>
 
 <template>
@@ -57,7 +49,7 @@ function toggleDarkTheme() {
   </n-tooltip>
   <n-tooltip trigger="hover">
     <template #trigger>
-      <c-button circle variant="text" aria-label="Toggle dark/light mode" @click="toggleDarkTheme">
+      <c-button circle variant="text" aria-label="Toggle dark/light mode" @click="() => styleStore.toggleDark()">
         <n-icon v-if="isDarkTheme" size="25" :component="Sun" />
         <n-icon v-else size="25" :component="Moon" />
       </c-button>
diff --git a/src/ui/theme/theme.models.ts b/src/ui/theme/theme.models.ts
index 850afe95..5ab78d79 100644
--- a/src/ui/theme/theme.models.ts
+++ b/src/ui/theme/theme.models.ts
@@ -1,4 +1,4 @@
-import { useThemeStore } from './theme.store';
+import { useStyleStore } from '@/stores/style.store';
 
 export { defineThemes };
 
@@ -6,8 +6,8 @@ function defineThemes<Theme>(themes: { light: Theme; dark: Theme }) {
   return {
     themes,
     useTheme() {
-      const themeStore = useThemeStore();
-      return computed(() => themes[themeStore.themeType]);
+      const styleStore = useStyleStore();
+      return computed(() => themes[styleStore.isDarkTheme ? 'dark' : 'light']);
     },
   };
 }
diff --git a/src/ui/theme/theme.store.ts b/src/ui/theme/theme.store.ts
deleted file mode 100644
index 04d34945..00000000
--- a/src/ui/theme/theme.store.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { defineStore } from 'pinia';
-import { useStyleStore } from '@/stores/style.store';
-
-export const useThemeStore = defineStore('ui-theme', {
-  state: () => {
-    const styleStore = useStyleStore();
-    return {
-      themeType: styleStore.isDarkTheme ? 'dark' : 'light',
-    };
-  },
-  getters: {
-    isDarkTheme(): boolean {
-      return this.themeType === 'dark';
-    },
-    isLightTheme(): boolean {
-      return this.themeType === 'light';
-    },
-  },
-  actions: {
-    toggleTheme() {
-      this.themeType = this.isDarkTheme ? 'light' : 'dark';
-    },
-  },
-});