chore: store

lingui.config.js

@@ -11,7 +11,17 @@ const config = {
     catalogs: [
         {
             path: 'src/locales/{locale}/messages',
-            include: ['src/app/**'],
+            include: [
+                'src/app/**',
+                'src/configs/**',
+                'src/components/**',
+                'src/constants/**',
+                'src/helpers/**',
+                'src/hooks/**',
+                'src/modals/**',
+                'src/store/**',
+                'src/services/**',
+            ],
         },
     ],
     fallbackLocales: {

src/store/useThemeModeStore.ts

@@ -0,0 +1,29 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+import { immer } from 'zustand/middleware/immer';
+
+import { createSelectors } from '@/helpers/createSelector.js';
+import type { ThemeMode } from '@/types/index.js';
+
+interface ThemeModeState {
+    themeMode: ThemeMode;
+    setThemeMode: (mode: ThemeMode) => void;
+}
+
+const useThemeModeStateBase = create<ThemeModeState, [['zustand/persist', unknown], ['zustand/immer', unknown]]>(
+    persist(
+        immer((set) => ({
+            themeMode: 'default',
+            setThemeMode: (mode) => {
+                set((state) => {
+                    state.themeMode = mode;
+                });
+            },
+        })),
+        {
+            name: 'global-theme-state',
+        },
+    ),
+);
+
+export const useThemeModeStore = createSelectors(useThemeModeStateBase);

tailwind.config.ts

@@ -2,9 +2,9 @@ import type { Config } from 'tailwindcss';
 
 const config: Config = {
     content: [
+        './src/app/**/*.{js,ts,jsx,tsx,mdx}',
         './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
         './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-        './src/app/**/*.{js,ts,jsx,tsx,mdx}',
     ],
     theme: {
         extend: {