@inzombieland/nuxt-common 1.16.27 → 1.16.28

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/nuxt-common",
-  "version": "1.16.27",
+  "version": "1.16.28",
   "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.27";
+const version = "1.16.28";
 
 const module = defineNuxtModule({
   meta: {
@@ -54,7 +54,7 @@ const module = defineNuxtModule({
     addPlugin(resolve(runtimeDir, "plugins/sanitize-url"));
     addComponent({
       name: "NuxtAppProvider",
-      filePath: resolve(runtimeDir, "AppProvider.vue")
+      filePath: resolve(runtimeDir, "packages/api/AppProvider.vue")
     });
     addComponent({
       name: "NuxtLayerManager",

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

@@ -121,7 +121,7 @@ export const changeTheme = async (body) => {
     updateUser(body);
   }
   if (typeof window !== "undefined") {
-    const theme = useLocalStorage("app-preferences-theme", JSON.stringify({ value: "" }));
+    const theme = useLocalStorage("app-preferences-theme", "");
     theme.value = JSON.stringify({ value: body.theme });
   }
 };

package/dist/runtime/{AppProvider.vue → packages/api/AppProvider.vue}

@@ -1,18 +1,16 @@
 <script setup lang="ts">
 import { StyleProvider, Themes } from "@varlet/ui"
 import { useLocalStorage } from "@vueuse/core"
-import { useNuxtApp } from "#imports"
 import { onMounted, ref, watch } from "vue"
-import { useUser } from "./packages/api"
-import bus from "./packages/api/bus"
+import bus from "./bus"
+import { useUser } from "./index"
 import type { ConfigProviderTheme } from "vant"
 import "@vant/touch-emulator"
 
 const theme = ref("")
-const appPreferencesTheme = useLocalStorage("app-preferences-theme", JSON.stringify({ value: "" }))
+const appPreferencesTheme = useLocalStorage("app-preferences-theme", "")
 const user = useUser()
 const appLoading = ref(Boolean(user.value))
-const { $mobileApp } = useNuxtApp()
 
 onMounted(() => {
 	watch(
@@ -41,10 +39,6 @@ onMounted(() => {
 				document.documentElement.classList.add("light", "van-theme-light")
 				StyleProvider(null)
 			}
-
-			if ($mobileApp?.changeTheme && typeof $mobileApp.changeTheme === "function") {
-				$mobileApp.changeTheme({ theme: theme.value })
-			}
 		},
 		{ immediate: true }
 	)

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

@@ -1,6 +1,7 @@
 import { type Ref } from "vue";
 import type { ActiveSession, Fetch, FetchConfig, User } from "./types";
 export type { ActiveSession, Fetch, FetchConfig, User };
+export { default as AppProvider } from "./AppProvider.vue";
 export { useUser } from "./composables/use-user";
 export { useSubscribe } from "./composables/use-subscribe";
 export { useActiveSessions } from "./composables/use-active-sessions";

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

@@ -9,6 +9,7 @@ import { createApiGetVisitorIdentifier } from "./get-visitor.mjs";
 import { createInitApplication } from "./init-application.mjs";
 import { createApiRefreshToken } from "./refresh-token.mjs";
 import { createApiUserActions } from "./user-actions.mjs";
+export { default as AppProvider } from "./AppProvider.vue";
 export { useUser } from "./composables/use-user.mjs";
 export { useSubscribe } from "./composables/use-subscribe.mjs";
 export { useActiveSessions } from "./composables/use-active-sessions.mjs";

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

@@ -14,16 +14,18 @@ import { getVisitorId, useUserActions } from "./index.mjs";
 function initApplication() {
   const router = useRouter();
   const user = useUser();
-  const theme = useLocalStorage("app-preferences-theme", JSON.stringify({ value: "" }));
+  const theme = useLocalStorage("app-preferences-theme", "");
   const locale = useLocalStorage("app-preferences-locale", JSON.stringify({ value: "en" }));
   const i18n = useI18n();
   watch(
     user,
     (user2) => {
       try {
-        const { value } = JSON.parse(theme.value);
-        if (user2 && user2.theme !== value) {
-          theme.value = JSON.stringify({ value: user2.theme });
+        if (theme.value) {
+          const { value } = JSON.parse(theme.value);
+          if (user2 && user2.theme !== value) {
+            theme.value = JSON.stringify({ value: user2.theme });
+          }
         }
       } catch (error) {
         console.error(`Error parsing app preferences theme:`, error);

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

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

package/dist/runtime/plugin.mjs

@@ -1,5 +1,7 @@
+import { useLocalStorage } from "@vueuse/core";
 import { addRouteMiddleware, defineNuxtPlugin } from "#app";
-import { useRequestHeaders, useRuntimeConfig, useState } from "#imports";
+import { 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 { flush, setToken, setUser } from "./packages/api/api-client.mjs";
@@ -9,6 +11,8 @@ const useAuth = () => {
 export default defineNuxtPlugin(async (nuxtApp) => {
   const auth = useAuth();
   const runtimeConfig = useRuntimeConfig();
+  const { $mobileApp } = useNuxtApp();
+  const theme = useLocalStorage("app-preferences-theme", "");
   if (runtimeConfig.public.ssr && import.meta.server || !runtimeConfig.public.ssr) {
     flush();
     if (import.meta.server) {
@@ -26,6 +30,22 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   }
   nuxtApp.hook("app:beforeMount", () => {
     auth.value = null;
+    watch(
+      theme,
+      (theme2) => {
+        try {
+          if (theme2) {
+            const { value } = JSON.parse(theme2);
+            if ($mobileApp && "changeTheme" in $mobileApp && typeof $mobileApp.changeTheme === "function") {
+              $mobileApp.changeTheme({ theme: value });
+            }
+          }
+        } catch (error) {
+          console.error(`Error parsing app preferences theme:`, error);
+        }
+      },
+      { immediate: true }
+    );
   });
   addRouteMiddleware("auth", authMiddleware, { global: false });
   addRouteMiddleware("guest", guestMiddleware, { global: false });

package/dist/runtime/plugins/device.mjs

@@ -9,7 +9,7 @@ export default defineNuxtPlugin(() => {
         ...device,
         getInfo: async () => {
           const { $mobileApp } = useNuxtApp();
-          if (device.isMobileApp && $mobileApp && typeof $mobileApp.getInfo === "function") {
+          if (device.isMobileApp && $mobileApp && "getInfo" in $mobileApp && typeof $mobileApp.getInfo === "function") {
             const device2 = await $mobileApp.getInfo();
             return device2.name;
           }

package/package.json

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