diff --git a/app.vue b/app.vue
index 1b19bfa6..276aa0ed 100644
--- a/app.vue
+++ b/app.vue
@@ -5,4 +5,7 @@
 <script lang="ts" setup>
 import "./src/assets/index.css";
 import "./src/assets/vendor";
+import { useSettingsStore } from "~/src/shared/stores";
+
+useSettingsStore().initialize();
 </script>
diff --git a/layouts/blank.vue b/layouts/blank.vue
index 464dd586..cb0b77a1 100644
--- a/layouts/blank.vue
+++ b/layouts/blank.vue
@@ -1,3 +1,5 @@
+<script setup lang="ts"></script>
+
 <template>
   <div class="main-layout">
     <slot />
diff --git a/middleware/auth.global.ts b/middleware/auth.global.ts
index f97fe903..f3ea2dd8 100644
--- a/middleware/auth.global.ts
+++ b/middleware/auth.global.ts
@@ -5,6 +5,7 @@ import { useProfileStore } from "~/src/shared/stores/profile"
 export default defineNuxtRouteMiddleware(async (to) => {
   const app = useNuxtApp()
 
+  // TODO: need to use settingsStore instead of nuxt plugin
   if (!app.$appSettings?.auth?.enabled) {
     return undefined
   }
diff --git a/pages/login.vue b/pages/login.vue
index b6bbe7ef..d236c64b 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -1,21 +1,24 @@
 <script setup lang="ts">
-import { useNuxtApp, navigateTo, setPageLayout } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
+import { storeToRefs } from "pinia";
+import { computed } from "vue";
+import { navigateTo, setPageLayout } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { REST_API_URL } from "~/src/shared/lib/io";
 import { useProfileStore, useSettingsStore } from "~/src/shared/stores";
 import { IconSvg } from "~/src/shared/ui";
 
-useSettingsStore();
 setPageLayout("blank");
 
-const app = useNuxtApp();
 const store = useProfileStore();
+const { auth } = storeToRefs(useSettingsStore());
 
 if (store.isAuthenticated) {
   await navigateTo("/");
 }
 
+const loginUrl = computed(() => `${REST_API_URL}/${auth.value.loginUrl}`);
+
 const redirect = async () => {
-  await navigateTo(`${REST_API_URL}/${app.$appSettings.auth.login_url}`, {
+  await navigateTo(loginUrl.value, {
     external: true,
   });
 };
diff --git a/plugins/auth.ts b/plugins/auth.ts
index 7d5943bc..48e6433c 100644
--- a/plugins/auth.ts
+++ b/plugins/auth.ts
@@ -15,6 +15,7 @@ export default defineNuxtPlugin(async () => {
   }
 
   try {
+    // TODO: remove duplicated request with settings-store
     settings = await api.getSettings() as { auth: { enabled: boolean; login_url: string }; version: string };
   } catch (e) {
     console.error('Server is not available!')
diff --git a/src/shared/lib/use-settings/use-settings.ts b/src/shared/lib/use-settings/use-settings.ts
index 4962d672..ef664d72 100644
--- a/src/shared/lib/use-settings/use-settings.ts
+++ b/src/shared/lib/use-settings/use-settings.ts
@@ -1,38 +1,38 @@
 import { useNuxtApp } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
-import type { Profile } from "../../types";
+import type { TProfile, TSettings } from "../../types";
 import { REST_API_URL } from "../io";
 
 
 type TUseSettings = {
   api: {
-    getVersion: () => Promise<string>
-    getProfile: () => Promise<Profile>
-    getSettings: () => Promise<unknown>
+    getProfile: () => Promise<TProfile>
+    getSettings: () => Promise<TSettings>
   }
 }
 
 export const useSettings = (): TUseSettings => {
   const nuxtApp = useNuxtApp()
 
-  // todo: we can get version from settings
-  const getAppVersion = () => fetch(`${REST_API_URL}/api/version`)
-    .then((response) => response.json())
-    .then((response) => response?.version || 'unknown')
-    .catch(() => 'unknown');
-
   const getAppSettings = () => fetch(`${REST_API_URL}/api/settings`)
     .then((response) => response.json())
-    .catch(() => 'unknown');
+    .catch((e) => {
+      console.error(e);
+
+      return null
+    });
 
   const getProfile = () => fetch(`${REST_API_URL}/api/me`, {
     headers: {"X-Auth-Token": nuxtApp.$authToken.token || ""}
   })
     .then((response) => response.json())
-    .catch(() => 'unknown');
+    .catch((e) => {
+      console.error(e);
+
+      return null
+    });
 
   return {
     api: {
-      getVersion: getAppVersion,
       getProfile,
       getSettings: getAppSettings
     }
diff --git a/src/shared/stores/profile.ts b/src/shared/stores/profile.ts
index 2cb4a1da..d77af062 100644
--- a/src/shared/stores/profile.ts
+++ b/src/shared/stores/profile.ts
@@ -1,12 +1,12 @@
 import { defineStore } from "pinia";
-import type { Profile } from "../types";
+import type {TProfile} from "../types";
 
 const STORAGE_KEY = "token";
 
 export const useProfileStore = defineStore("profileStore", {
   state: () => ({
     token: '' as string,
-    profile: undefined as Profile | undefined,
+    profile: undefined as TProfile | undefined,
   }),
   getters: {
     isAuthenticated(): boolean {
@@ -19,9 +19,10 @@ export const useProfileStore = defineStore("profileStore", {
 
       this.token = token;
       localStorage?.setItem(STORAGE_KEY, token);
+
       app.$authToken.token = token;
     },
-    setProfile(profile: Profile): void {
+    setProfile(profile: TProfile): void {
       this.profile = profile;
     },
     fetchToken(): void {
diff --git a/src/shared/stores/settings.ts b/src/shared/stores/settings.ts
deleted file mode 100644
index 0a110c0b..00000000
--- a/src/shared/stores/settings.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { defineStore } from "pinia";
-import { LOCAL_STORAGE_KEYS} from "../types";
-
-export const THEME_MODES = {
-  LIGHT: "light",
-  DARK: "dark",
-};
-
-const checkThemeActive = () => {
-  if (!process.client) {
-    return THEME_MODES.LIGHT;
-  }
-
-  const isStoredDarkTheme = window?.localStorage.getItem(LOCAL_STORAGE_KEYS.THEME) === THEME_MODES.DARK;
-  const isSystemDarkTheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
-
-  if (isStoredDarkTheme || isSystemDarkTheme) {
-    document?.documentElement?.classList?.add(THEME_MODES.DARK);
-
-    return THEME_MODES.DARK
-  }
-
-  document?.documentElement?.classList?.remove(THEME_MODES.DARK);
-
-  return THEME_MODES.LIGHT
-};
-
-const checkHeaderFixed = () => {
-  if (!process.client) {
-    return  false;
-  }
-
-  const storedValue: string = window?.localStorage.getItem(LOCAL_STORAGE_KEYS.NAVBAR) || "true";
-
-  const isFixed: boolean = storedValue === "true"
-
-  if (isFixed) {
-    document?.documentElement?.classList?.add("navbar-fixed");
-  } else {
-    document?.documentElement?.classList?.remove("navbar-fixed");
-  }
-
-  return isFixed;
-}
-const checkIfEventsCountVisible = (): boolean => {
-  const storageValue = localStorage?.getItem(LOCAL_STORAGE_KEYS.EVENT_COUNTS) || "true";
-
-  return storageValue === "true";
-};
-
-export const useSettingsStore = defineStore("settingsStore", {
-  state: () => ({
-    themeType: checkThemeActive(),
-    isFixedHeader: checkHeaderFixed(),
-    isVisibleEventCounts: checkIfEventsCountVisible(),
-  }),
-  actions: {
-    changeTheme() {
-      this.themeType = this.themeType === THEME_MODES.DARK
-        ? THEME_MODES.LIGHT
-        : THEME_MODES.DARK;
-
-      window?.localStorage.setItem(LOCAL_STORAGE_KEYS.THEME, this.themeType);
-
-      if (this.themeType === THEME_MODES.LIGHT) {
-        document?.documentElement?.classList?.remove(THEME_MODES.DARK);
-      } else {
-        document?.documentElement?.classList?.add(THEME_MODES.DARK);
-      }
-    },
-    changeNavbar() {
-      this.isFixedHeader = !this.isFixedHeader;
-
-      window?.localStorage.setItem(LOCAL_STORAGE_KEYS.NAVBAR, String(this.isFixedHeader));
-
-      if (this.isFixedHeader) {
-        document?.documentElement?.classList?.add("navbar-fixed");
-      } else {
-        document?.documentElement?.classList?.remove("navbar-fixed");
-      }
-    },
-    changeEventCountsVisibility() {
-      this.isVisibleEventCounts = !this.isVisibleEventCounts;
-
-      localStorage?.setItem(LOCAL_STORAGE_KEYS.EVENT_COUNTS, String(this.isVisibleEventCounts));
-    }
-  },
-});
diff --git a/src/shared/stores/settings/constants.ts b/src/shared/stores/settings/constants.ts
new file mode 100644
index 00000000..e6dd0c9a
--- /dev/null
+++ b/src/shared/stores/settings/constants.ts
@@ -0,0 +1,6 @@
+
+export const THEME_MODES = {
+  LIGHT: "light",
+  DARK: "dark",
+};
+
diff --git a/src/shared/stores/settings/index.ts b/src/shared/stores/settings/index.ts
new file mode 100644
index 00000000..ff43c80f
--- /dev/null
+++ b/src/shared/stores/settings/index.ts
@@ -0,0 +1,2 @@
+export {useSettingsStore} from './settings-store'
+export * from './constants'
diff --git a/src/shared/stores/settings/local-storage-actions.ts b/src/shared/stores/settings/local-storage-actions.ts
new file mode 100644
index 00000000..a078764b
--- /dev/null
+++ b/src/shared/stores/settings/local-storage-actions.ts
@@ -0,0 +1,69 @@
+import {LOCAL_STORAGE_KEYS} from "../../types";
+import {THEME_MODES} from "./constants";
+
+export const checkIfThemeActive = () => {
+  if (!process.client) {
+    return THEME_MODES.LIGHT;
+  }
+
+  const isStoredDarkTheme = window?.localStorage.getItem(LOCAL_STORAGE_KEYS.THEME) === THEME_MODES.DARK;
+  const isSystemDarkTheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
+
+  if (isStoredDarkTheme || isSystemDarkTheme) {
+    document?.documentElement?.classList?.add(THEME_MODES.DARK);
+
+    return THEME_MODES.DARK
+  }
+
+  document?.documentElement?.classList?.remove(THEME_MODES.DARK);
+
+  return THEME_MODES.LIGHT
+};
+
+export const syncThemeLocalStorage = (themeName: string) => {
+  window?.localStorage.setItem(LOCAL_STORAGE_KEYS.THEME, themeName);
+
+  if (themeName === THEME_MODES.LIGHT) {
+    window?.document?.documentElement?.classList?.remove(THEME_MODES.DARK);
+  } else {
+    window?.document?.documentElement?.classList?.add(THEME_MODES.DARK);
+  }
+}
+
+export const getFixedHeaderState = () => {
+  if (!process.client) {
+    return  false;
+  }
+
+  const storedValue: string = window?.localStorage.getItem(LOCAL_STORAGE_KEYS.NAVBAR) || "true";
+
+  const isFixed: boolean = storedValue === "true"
+
+  if (isFixed) {
+    document?.documentElement?.classList?.add("navbar-fixed");
+  } else {
+    document?.documentElement?.classList?.remove("navbar-fixed");
+  }
+
+  return isFixed;
+}
+
+export const syncFixedHeaderLocalStorage = (state: boolean) => {
+  window?.localStorage.setItem(LOCAL_STORAGE_KEYS.NAVBAR, String(state));
+
+  if (state) {
+    window?.document?.documentElement?.classList?.add("navbar-fixed");
+  } else {
+    window?.document?.documentElement?.classList?.remove("navbar-fixed");
+  }
+}
+
+export const getEventsCountVisibleState = (): boolean => {
+  const storageValue = window?.localStorage?.getItem(LOCAL_STORAGE_KEYS.EVENT_COUNTS) || "true";
+
+  return storageValue === "true";
+};
+
+export const syncEventsCountVisibleLocalStorage = (state: boolean) => {
+  window?.localStorage?.setItem(LOCAL_STORAGE_KEYS.EVENT_COUNTS, String(state));
+}
diff --git a/src/shared/stores/settings/settings-store.ts b/src/shared/stores/settings/settings-store.ts
new file mode 100644
index 00000000..794dd049
--- /dev/null
+++ b/src/shared/stores/settings/settings-store.ts
@@ -0,0 +1,55 @@
+import {defineStore} from "pinia";
+import {useSettings} from "../../lib/use-settings";
+import type { TSettings } from "../../types";
+import {THEME_MODES} from "./constants";
+import {
+  getEventsCountVisibleState,
+  getFixedHeaderState,
+  checkIfThemeActive, syncEventsCountVisibleLocalStorage, syncFixedHeaderLocalStorage, syncThemeLocalStorage
+} from "./local-storage-actions";
+
+export const useSettingsStore = defineStore("settingsStore", {
+  state: () => ({
+    apiVersion: '',
+    auth: {
+      isEnabled: false,
+      loginUrl: '/login',
+    },
+    themeType: checkIfThemeActive(),
+    isFixedHeader: getFixedHeaderState(),
+    isVisibleEventCounts: getEventsCountVisibleState(),
+  }),
+  actions: {
+    changeTheme() {
+      this.themeType = this.themeType === THEME_MODES.DARK
+        ? THEME_MODES.LIGHT
+        : THEME_MODES.DARK;
+
+      syncThemeLocalStorage(this.themeType)
+    },
+    changeNavbar() {
+      this.isFixedHeader = !this.isFixedHeader;
+
+      syncFixedHeaderLocalStorage(this.isFixedHeader)
+    },
+    changeEventCountsVisibility() {
+      this.isVisibleEventCounts = !this.isVisibleEventCounts;
+
+      syncEventsCountVisibleLocalStorage(this.isVisibleEventCounts)
+    },
+    initialize() {
+      const {api: { getSettings }} = useSettings();
+
+      getSettings().then(({ version, auth } = {} as TSettings) => {
+        if (version) {
+          this.apiVersion = version
+        }
+
+        if (auth) {
+          this.auth.isEnabled = auth.enabled;
+          this.auth.loginUrl = auth.login_url;
+        }
+      })
+    }
+  },
+});
diff --git a/src/shared/types/index.ts b/src/shared/types/index.ts
index d97b4ccf..8c1daea2 100644
--- a/src/shared/types/index.ts
+++ b/src/shared/types/index.ts
@@ -1,5 +1,5 @@
 export * from "./events";
-export * from "./profile";
+export * from "./settings";
 export * from "./generics";
 export * from "./local-storage";
 export * from "./partials";
diff --git a/src/shared/types/profile.ts b/src/shared/types/profile.ts
deleted file mode 100644
index 7dfb72c8..00000000
--- a/src/shared/types/profile.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface Profile {
-  username: string,
-  email: string,
-  avatar: string,
-}
diff --git a/src/shared/types/settings.ts b/src/shared/types/settings.ts
new file mode 100644
index 00000000..39252090
--- /dev/null
+++ b/src/shared/types/settings.ts
@@ -0,0 +1,13 @@
+export type TProfile =  {
+  username: string,
+  email: string,
+  avatar: string,
+}
+
+export type TSettings = {
+  auth: {
+    enabled: boolean,
+    login_url: string,
+  },
+  version: string
+}
diff --git a/src/widgets/ui/layout-sidebar/layout-sidebar.vue b/src/widgets/ui/layout-sidebar/layout-sidebar.vue
index c5d0735b..c418ea89 100644
--- a/src/widgets/ui/layout-sidebar/layout-sidebar.vue
+++ b/src/widgets/ui/layout-sidebar/layout-sidebar.vue
@@ -1,9 +1,8 @@
 <script lang="ts" setup>
 import { storeToRefs } from "pinia";
-import { computed, onMounted, ref } from "vue";
-import { useNuxtApp, useRoute, useRouter } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
+import { computed, ref } from "vue";
+import { useRoute, useRouter } from "#app"; // eslint-disable-line @conarti/feature-sliced/layers-slices
 import { useEvents } from "~/src/shared/lib/use-events";
-import { useSettings } from "~/src/shared/lib/use-settings";
 import { useSettingsStore } from "~/src/shared/stores";
 import { useConnectionStore } from "~/src/shared/stores/connections";
 import { useProfileStore } from "~/src/shared/stores/profile";
@@ -11,10 +10,8 @@ import { BadgeNumber, IconSvg } from "~/src/shared/ui";
 import { version } from "../../../../package.json";
 import { EVENTS_LINKS_MAP, EVENTS_NAV_ORDER } from "./constants";
 
-const app = useNuxtApp();
-
 const { isConnectedWS } = storeToRefs(useConnectionStore());
-const { isVisibleEventCounts } = storeToRefs(useSettingsStore());
+const { isVisibleEventCounts, auth } = storeToRefs(useSettingsStore());
 
 const profileStore = useProfileStore();
 const { profile } = storeToRefs(useProfileStore());
@@ -41,6 +38,12 @@ const avatar = computed(() => {
   return profile.value.avatar;
 });
 
+const profileEmail = computed(() => {
+  if (!profile.value) return null;
+
+  return profile.value.email;
+});
+
 const connectionText = computed(
   () => `WS connection is ${connectionStatus.value}`
 );
@@ -58,28 +61,19 @@ const logout = () => {
 
 const path = computed(() => useRoute().path);
 
-const isAuthEnabled = computed(() => app?.$appSettings?.auth?.enabled);
+const isAuthEnabled = computed(() => auth.value.isEnabled);
 
-const {
-  api: { getVersion },
-} = useSettings();
+const { apiVersion } = storeToRefs(useSettingsStore());
 
-const apiVersion = ref("");
 const clientVersion = ref(
   !version || version === "0.0.1" ? "@dev" : `v${version}`
 );
 
-const getApiVersion = async () => {
-  const data = await getVersion();
-
-  apiVersion.value = String(data).match(/^[0-9.]+.*$/)
-    ? `v${data}`
-    : `@${data}`;
-};
-
-onMounted(() => {
-  getApiVersion();
-});
+const serverVersion = computed(() =>
+  String(apiVersion.value).match(/^[0-9.]+.*$/)
+    ? `v${apiVersion.value}`
+    : `@${apiVersion.value}`
+);
 </script>
 
 <template>
@@ -127,8 +121,11 @@ onMounted(() => {
     <div>
       <div v-if="isAuthEnabled" class="layout-sidebar__profile">
         <div v-if="!isHidden" class="layout-sidebar__profile-dropdown">
-          <div class="profile-dropdown-item profile-dropdown-item--email">
-            {{ profile.email }}
+          <div
+            v-if="profileEmail"
+            class="profile-dropdown-item profile-dropdown-item--email"
+          >
+            {{ profileEmail }}
           </div>
           <div
             class="profile-dropdown-item profile-dropdown-item--logout"
@@ -156,11 +153,11 @@ onMounted(() => {
 
       <div class="layout-sidebar__versions">
         <div
-          v-if="apiVersion"
+          v-if="serverVersion"
           class="layout-sidebar__nav-version"
-          :title="`Api version: ${apiVersion}`"
+          :title="`Api version: ${serverVersion}`"
         >
-          {{ apiVersion }}
+          {{ serverVersion }}
         </div>
 
         <div