@inzombieland/nuxt-common 1.18.7 → 1.18.8

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/nuxt-common",
-  "version": "1.18.7",
+  "version": "1.18.8",
   "configKey": "nuxt-common",
   "builder": {
     "@nuxt/module-builder": "0.6.0",

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { fileURLToPath } from 'node:url';
 import { defineNuxtModule, createResolver, addServerHandler, addImportsDir, addPlugin, addComponent } from '@nuxt/kit';
 
 const name = "@inzombieland/nuxt-common";
-const version = "1.18.7";
+const version = "1.18.8";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/api/index.d.ts

@@ -28,5 +28,11 @@ declare const fetch: Fetch, getUser: () => Promise<import("src/runtime/packages/
     fetchActiveSessions: () => Promise<{
         sessions: import("src/runtime/packages/core/types").ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 };
 export { fetch, getUser, useApiFetch, userActions };

package/dist/runtime/api/user-actions.d.ts

@@ -87,12 +87,6 @@ export declare const changePhone: (body: {
     phone: string;
     password: string;
 }) => Promise<void>;
-export declare const changeTheme: (body: {
-    theme: "light" | "dark";
-}) => Promise<void>;
-export declare const changeLocale: (body: {
-    locale: string;
-}) => Promise<void>;
 export declare const changeAvatar: (body: FormData) => Promise<void>;
 export declare const deleteAvatar: () => Promise<void>;
 export declare const fetchActiveSessions: () => Promise<{

package/dist/runtime/api/user-actions.mjs

@@ -1,5 +1,5 @@
-import { useCookie, useRequestHeaders } from "#imports";
-import { useAppLocale, useThemeMode, useUser } from "../packages/core/index.mjs";
+import { useRequestHeaders } from "#imports";
+import { useUser } from "../packages/core/index.mjs";
 import { flush, setToken, updateUser } from "../packages/core/api-client.mjs";
 import { fetch, getUser, userActions } from "./index.mjs";
 export const signIn = userActions.signIn;
@@ -114,30 +114,6 @@ export const changePhone = async (body) => {
   await fetch("/account/1/change/phone", { body, method: "POST" });
   updateUser({ phone: body.phone });
 };
-export const changeTheme = async (body) => {
-  const user = useUser();
-  if (user.value) {
-    await fetch("/account/1/change/theme", { body, method: "POST" });
-    updateUser(body);
-  }
-  if (typeof window !== "undefined") {
-    const theme = useThemeMode();
-    theme.value = { value: body.theme };
-  }
-};
-export const changeLocale = async (body) => {
-  const user = useUser();
-  if (user.value) {
-    await fetch("/account/1/change/locale", { body, method: "POST" });
-    updateUser(body);
-  }
-  if (typeof window !== "undefined") {
-    const localeCookie = useCookie("locale", { maxAge: 60 * 60 * 24 * 365 });
-    localeCookie.value = body.locale;
-    const locale = useAppLocale();
-    locale.value = { value: body.locale };
-  }
-};
 export const changeAvatar = async (body) => {
   const { avatar } = await fetch("/account/1/upload/avatar", { body, method: "POST" });
   updateUser({ avatar });

package/dist/runtime/packages/core/index.d.ts

@@ -20,6 +20,12 @@ export declare function initApiFetch($fetch: Fetch, config: FetchConfig): {
         fetchActiveSessions: () => Promise<{
             sessions: import("./types").ActiveSession[];
         }>;
+        changeTheme: (body: {
+            theme: "light" | "dark";
+        }) => Promise<void>;
+        changeLocale: (body: {
+            locale: string;
+        }) => Promise<void>;
     };
 };
 export declare const useUserActions: () => Ref<{
@@ -34,6 +40,12 @@ export declare const useUserActions: () => Ref<{
     fetchActiveSessions: () => Promise<{
         sessions: import("./types").ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 }, {
     signIn: (body: {
         username: string;
@@ -46,4 +58,10 @@ export declare const useUserActions: () => Ref<{
     fetchActiveSessions: () => Promise<{
         sessions: import("./types").ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 }> | undefined;

package/dist/runtime/packages/core/init-application.mjs

@@ -14,6 +14,7 @@ function initApplication() {
   const theme = useThemeMode();
   const locale = useAppLocale();
   const i18n = useI18n();
+  const userActions = useUserActions();
   watch(user, (user2) => {
     if (user2 && user2.theme !== theme.value?.value) {
       theme.value = { value: user2.theme };
@@ -34,6 +35,7 @@ function initApplication() {
         document.documentElement.classList.add("light", "van-theme-light");
         StyleProvider(null);
       }
+      userActions?.value.changeTheme({ theme: theme2?.value });
     },
     { immediate: true }
   );
@@ -51,6 +53,7 @@ function initApplication() {
         VantLocale.use(locale2, ruRU);
         VarletLocale.add("en-US", VarletLocale.enUS);
       }
+      userActions?.value.changeLocale({ locale: locale2?.value });
     },
     { immediate: true }
   );
@@ -73,7 +76,6 @@ function initApplication() {
     }
     const visitor = useVisitor();
     if (session?.status === "SignedOut" && session?.visitorId === visitor.value?.id) {
-      const userActions = useUserActions();
       const data = await userActions?.value.fetchActiveSessions();
       const isCurrentSession = data?.sessions.some((s) => s.isCurrentSession && s.id === session?.sessionId);
       if (isCurrentSession) {

package/dist/runtime/packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/core",
-  "version": "1.18.7",
+  "version": "1.18.8",
   "type": "module",
   "license": "ISC",
   "main": "./index.mjs",

package/dist/runtime/packages/core/user-actions.d.ts

@@ -12,4 +12,10 @@ export declare const createApiUserActions: (fetch: Fetch, config: FetchConfig, g
     fetchActiveSessions: () => Promise<{
         sessions: ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 };

package/dist/runtime/packages/core/user-actions.mjs

@@ -1,4 +1,4 @@
-import { flush, setToken } from "./api-client.mjs";
+import { flush, setToken, updateUser } from "./api-client.mjs";
 import { useUser } from "./composables/index.mjs";
 import { once } from "./helpers/index.mjs";
 export const createApiUserActions = once(
@@ -32,6 +32,20 @@ export const createApiUserActions = once(
       },
       fetchActiveSessions: async () => {
         return await fetch("/account/1/sessions");
+      },
+      changeTheme: async (body) => {
+        const user = useUser();
+        if (user.value) {
+          await fetch("/account/1/change/theme", { body, method: "POST" });
+          updateUser(body);
+        }
+      },
+      changeLocale: async (body) => {
+        const user = useUser();
+        if (user.value) {
+          await fetch("/account/1/change/locale", { body, method: "POST" });
+          updateUser(body);
+        }
       }
     };
   }

package/dist/runtime/plugin.mjs

@@ -1,9 +1,9 @@
 import { addRouteMiddleware, defineNuxtPlugin } from "#app";
-import { useNuxtApp, useRequestHeaders, useRuntimeConfig, useState } from "#imports";
+import { useCookie, useNuxtApp, useRequestHeaders, useRuntimeConfig, useState } from "#imports";
 import { watch } from "vue";
 import { fetch, getUser } from "./api/index.mjs";
 import { authMiddleware, guestMiddleware, localeMiddleware } from "./middleware/index.mjs";
-import { defineVuePlugins, useThemeMode } from "./packages/core/index.mjs";
+import { defineVuePlugins, useAppLocale, useThemeMode } from "./packages/core/index.mjs";
 import { flush, setToken, setUser } from "./packages/core/api-client.mjs";
 const useAuth = () => {
   return useState("auth", () => null);
@@ -14,6 +14,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   const runtimeConfig = useRuntimeConfig();
   const { $mobileApp } = useNuxtApp();
   const theme = useThemeMode();
+  const locale = useAppLocale();
   if (runtimeConfig.public.ssr && import.meta.server || !runtimeConfig.public.ssr) {
     flush();
     if (import.meta.server) {
@@ -40,6 +41,14 @@ export default defineNuxtPlugin(async (nuxtApp) => {
       },
       { immediate: true }
     );
+    watch(
+      locale,
+      (locale2) => {
+        const localeCookie = useCookie("locale", { maxAge: 60 * 60 * 24 * 365 });
+        localeCookie.value = locale2?.value;
+      },
+      { immediate: true }
+    );
   });
   addRouteMiddleware("auth", authMiddleware, { global: false });
   addRouteMiddleware("guest", guestMiddleware, { global: false });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/nuxt-common",
-  "version": "1.18.7",
+  "version": "1.18.8",
   "license": "ISC",
   "type": "module",
   "exports": {