[#58] fix profile store errors

layouts/default.vue

@@ -5,9 +5,10 @@ import { LayoutSidebar } from "~/src/widgets/ui";
 import { useEvents } from "~/src/shared/lib/use-events";
 import { useSettings } from "~/src/shared/lib/use-settings";
 import SfdumpWrap from "~/src/shared/lib/vendor/dumper";
-import { useProfileStore } from "~~/src/shared/stores/profile";
+import { useProfileStore, useSettingsStore } from "~~/src/shared/stores";
 import { version } from "../package.json";
 
+useSettingsStore();
 SfdumpWrap(window.document);
 const { profile } = storeToRefs(useProfileStore());
 

pages/login.vue

@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { useNuxtApp, navigateTo, setPageLayout } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { REST_API_URL } from "~/src/shared/lib/io";
-import { useProfileStore } from "~/src/shared/stores/profile";
+import { useProfileStore, useSettingsStore } from "~/src/shared/stores";
 import { IconSvg } from "~/src/shared/ui";
 
-// definePageMeta({
-//   layout: 'blank'
-// })
+useSettingsStore();
 setPageLayout("blank");
 
 const app = useNuxtApp();

src/shared/stores/index.ts

@@ -3,3 +3,4 @@ export * from './connections'
 export * from './events'
 export * from './locked-ids'
 export * from './settings'
+export * from './profile'

src/shared/stores/profile.ts

@@ -5,8 +5,8 @@ const STORAGE_KEY = "token";
 
 export const useProfileStore = defineStore("profileStore", {
   state: () => ({
-    token: null as string | null,
-    profile: null as Profile | null,
+    token: '' as string,
+    profile: undefined as Profile | undefined,
   }),
   getters: {
     isAuthenticated(): boolean {
@@ -28,7 +28,7 @@ export const useProfileStore = defineStore("profileStore", {
       this.setToken(localStorage?.getItem(STORAGE_KEY));
     },
     removeToken(): void {
-      this.token = null;
+      this.token = '';
       localStorage?.removeItem(STORAGE_KEY);
     },
   },

src/shared/ui/pause-button/pause-button.vue

@@ -48,6 +48,8 @@ const toggleUpdate = () => {
 </template>
 
 <style lang="scss" scoped>
+@import "src/assets/mixins";
+
 .pause-button {
   @include button;
   @apply bg-blue-400 dark:bg-gray-700 hover:bg-blue-500 dark:hover:bg-blue-800;