@inzombieland/nuxt-common 1.16.29 → 1.17.0

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/nuxt-common",
-  "version": "1.16.29",
+  "version": "1.17.0",
   "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.16.29";
+const version = "1.17.0";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -1,6 +1,5 @@
-import { useLocalStorage } from "@vueuse/core";
 import { useCookie, useRequestHeaders } from "#imports";
-import { useThemeMode } from "../packages/api/index.mjs";
+import { useAppLocale, useThemeMode } from "../packages/api/index.mjs";
 import { flush, setToken, updateUser } from "../packages/api/api-client.mjs";
 import { fetch, getUser, userActions, useUser } from "./index.mjs";
 export const signIn = userActions.signIn;
@@ -135,8 +134,8 @@ export const changeLocale = async (body) => {
   if (typeof window !== "undefined") {
     const localeCookie = useCookie("locale", { maxAge: 60 * 60 * 24 * 365 });
     localeCookie.value = body.locale;
-    const locale = useLocalStorage("app-preferences-locale", JSON.stringify({ value: "" }));
-    locale.value = JSON.stringify({ value: body.locale });
+    const locale = useAppLocale();
+    locale.value = { value: body.locale };
   }
 };
 export const changeAvatar = async (body) => {

package/dist/runtime/composables/use-app-locale.d.ts

@@ -0,0 +1,3 @@
+import { useAppLocale } from "../packages/api";
+export { useAppLocale };
+export default useAppLocale;

package/dist/runtime/composables/use-app-locale.mjs

@@ -0,0 +1,3 @@
+import { useAppLocale } from "../packages/api/index.mjs";
+export { useAppLocale };
+export default useAppLocale;

package/dist/runtime/packages/api/composables/use-app-locale.d.ts

@@ -0,0 +1 @@
+export declare const useAppLocale: () => import("@vueuse/shared").RemovableRef<any>;

package/dist/runtime/packages/api/composables/use-app-locale.mjs

@@ -0,0 +1,13 @@
+import { useLocalStorage } from "@vueuse/core";
+export const useAppLocale = () => {
+  return useLocalStorage(
+    "app-preferences-locale",
+    { value: "en" },
+    {
+      serializer: {
+        read: (v) => v ? JSON.parse(v) : null,
+        write: (v) => JSON.stringify(v)
+      }
+    }
+  );
+};

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

@@ -6,6 +6,7 @@ export { useUser } from "./composables/use-user";
 export { useSubscribe } from "./composables/use-subscribe";
 export { useActiveSessions } from "./composables/use-active-sessions";
 export { useThemeMode } from "./composables/use-theme-mode";
+export { useAppLocale } from "./composables/use-app-locale";
 export { getVisitor, getVisitorId, type Visitor } from "./get-visitor";
 export declare function initApiFetch($fetch: Fetch, config: FetchConfig): {
     fetch: Fetch;

package/dist/runtime/packages/api/index.mjs

@@ -14,6 +14,7 @@ export { useUser } from "./composables/use-user.mjs";
 export { useSubscribe } from "./composables/use-subscribe.mjs";
 export { useActiveSessions } from "./composables/use-active-sessions.mjs";
 export { useThemeMode } from "./composables/use-theme-mode.mjs";
+export { useAppLocale } from "./composables/use-app-locale.mjs";
 export { getVisitor, getVisitorId } from "./get-visitor.mjs";
 const apiActions = useApiActions();
 let userActions;

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

@@ -1,5 +1,4 @@
 import { StyleProvider, Themes, Locale as VarletLocale } from "@varlet/ui";
-import { useLocalStorage } from "@vueuse/core";
 import { setNotifyDefaultOptions, Locale as VantLocale } from "vant";
 import enUS from "vant/es/locale/lang/en-US";
 import ruRU from "vant/es/locale/lang/ru-RU";
@@ -10,24 +9,19 @@ import { useActiveSessions } from "./composables/use-active-sessions.mjs";
 import { useSubscribe } from "./composables/use-subscribe.mjs";
 import { useUser } from "./composables/use-user.mjs";
 import { once } from "./helpers/index.mjs";
-import { getVisitorId, useThemeMode, useUserActions } from "./index.mjs";
+import { getVisitorId, useAppLocale, useThemeMode, useUserActions } from "./index.mjs";
 function initApplication() {
   const router = useRouter();
   const user = useUser();
   const theme = useThemeMode();
-  const locale = useLocalStorage("app-preferences-locale", JSON.stringify({ value: "en" }));
+  const locale = useAppLocale();
   const i18n = useI18n();
   watch(user, (user2) => {
     if (user2 && user2.theme !== theme.value?.value) {
       theme.value = { value: user2.theme };
     }
-    try {
-      const { value } = JSON.parse(locale.value);
-      if (user2 && user2.locale !== value) {
-        locale.value = JSON.stringify({ value: user2.locale });
-      }
-    } catch (error) {
-      console.error(`Error parsing app preferences locale:`, error);
+    if (user2 && user2.locale !== locale.value?.value) {
+      locale.value = { value: user2.locale };
     }
   });
   watch(
@@ -48,21 +42,16 @@ function initApplication() {
   watch(
     locale,
     (locale2) => {
-      try {
-        const { value } = JSON.parse(locale2);
-        if ("setLocale" in i18n && typeof i18n.setLocale === "function") {
-          i18n.setLocale(value);
-        }
-        if (value === "en") {
-          VantLocale.use(locale2, enUS);
-          VarletLocale.add("en-US", VarletLocale.enUS);
-        }
-        if (value === "ru") {
-          VantLocale.use(locale2, ruRU);
-          VarletLocale.add("en-US", VarletLocale.enUS);
-        }
-      } catch (error) {
-        console.error(`Error parsing app preferences locale:`, error);
+      if ("setLocale" in i18n && typeof i18n.setLocale === "function") {
+        i18n.setLocale(locale2?.value);
+      }
+      if (locale2?.value === "en") {
+        VantLocale.use(locale2, enUS);
+        VarletLocale.add("en-US", VarletLocale.enUS);
+      }
+      if (locale2?.value === "ru") {
+        VantLocale.use(locale2, ruRU);
+        VarletLocale.add("en-US", VarletLocale.enUS);
       }
     },
     { immediate: true }

package/dist/runtime/packages/api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/api",
-  "version": "1.16.29",
+  "version": "1.17.0",
   "type": "module",
   "license": "ISC",
   "main": "./index.mjs",

package/package.json

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