@uipkge/nuxt 0.1.16 → 0.1.18

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.16",
+  "version": "0.1.18",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -69,6 +69,11 @@ const module$1 = defineNuxtModule({
       addPlugin({
         src: resolver.resolve("./runtime/plugin.suppress-warnings")
       });
+    } else {
+      addPlugin({
+        src: resolver.resolve("./runtime/plugin.cdn.client"),
+        mode: "client"
+      });
     }
   }
 });

package/dist/runtime/plugin.cdn.client.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Production client plugin — handles CDN translation loading on locale switch.
+ *
+ * The server plugin loads translations for the initial SSR locale, but its
+ * i18n:beforeLocaleSwitch hook dies after the response. This lightweight client
+ * plugin re-registers the hook so locale switches load new CDN translations
+ * without a full page reload.
+ *
+ * For SPA/CSR routes (no SSR), it also loads the initial locale from CDN.
+ *
+ * No sync logic, no API key, no $t patching — zero overhead beyond the fetch.
+ */
+declare const _default: (nuxtApp: unknown) => Promise<void>;
+export default _default;

package/dist/runtime/plugin.cdn.client.js

@@ -0,0 +1,28 @@
+import { defineNuxtPlugin, useRuntimeConfig } from "#app";
+export default defineNuxtPlugin(async (nuxtApp) => {
+  const { projectId, cdnUrl, environment, locale: configLocale } = useRuntimeConfig().public.i18now;
+  if (!projectId) return;
+  const i18n = nuxtApp.$i18n ?? nuxtApp.vueApp.config.globalProperties.$i18n;
+  const currentLocale = i18n?.locale?.value ?? i18n?.locale ?? configLocale;
+  async function loadLocale(locale) {
+    try {
+      const url = `${cdnUrl}/${projectId}/publish/${environment}/${locale}.json`;
+      const res = await fetch(url, { signal: AbortSignal.timeout(5e3) });
+      if (!res.ok) return;
+      const data = await res.json();
+      if (typeof data !== "object" || data === null || Array.isArray(data)) return;
+      if (i18n) i18n.mergeLocaleMessage(locale, data);
+    } catch {
+    }
+  }
+  const ssrKeys = nuxtApp.payload.i18nowCdnKeys;
+  if (!ssrKeys || ssrKeys.length === 0) {
+    await loadLocale(currentLocale);
+  }
+  let activeLocale = currentLocale;
+  nuxtApp.hook("i18n:beforeLocaleSwitch", async ({ newLocale }) => {
+    if (newLocale === activeLocale) return;
+    activeLocale = newLocale;
+    await loadLocale(newLocale);
+  });
+});

package/dist/runtime/plugin.client.js

@@ -87,7 +87,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
           return;
         }
         syncer.setExistingKeys(Object.keys(data));
-        i18nGlobal?.setLocaleMessage(targetLocale, data);
+        i18nGlobal?.mergeLocaleMessage(targetLocale, data);
       } else {
         syncer.setExistingKeys([]);
         if (import.meta.dev) {
@@ -107,7 +107,13 @@ export default defineNuxtPlugin(async (nuxtApp) => {
       }
     }
   }
-  await loadLocale(locale);
+  let currentLocale = locale;
+  const ssrKeys = nuxtApp.payload.i18nowCdnKeys;
+  if (ssrKeys && ssrKeys.length > 0) {
+    syncer.setExistingKeys(ssrKeys);
+  } else {
+    await loadLocale(locale);
+  }
   const originalGlobalT = nuxtApp.vueApp.config.globalProperties.$t;
   if (originalGlobalT) {
     nuxtApp.vueApp.config.globalProperties.$t = function(key, defaultValue, ...rest) {
@@ -120,6 +126,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     };
   }
   nuxtApp.hook("i18n:beforeLocaleSwitch", async ({ newLocale }) => {
+    if (newLocale === currentLocale) return;
+    currentLocale = newLocale;
     await loadLocale(newLocale);
   });
   return {

package/dist/runtime/plugin.js

@@ -23,7 +23,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
         return;
       }
       const messages = data;
-      if (i18n) i18n.setLocaleMessage(locale, messages);
+      if (i18n) i18n.mergeLocaleMessage(locale, messages);
+      nuxtApp.payload.i18nowCdnKeys = Object.keys(messages);
     } catch (err) {
       if (import.meta.dev) {
         console.warn(`[i18now] Failed to load locale '${locale}' from CDN:`, err);
@@ -31,8 +32,11 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     }
   }
   const currentLocale = i18n?.locale?.value ?? i18n?.locale ?? configLocale;
+  let activeLocale = currentLocale;
   await loadLocale(currentLocale);
   nuxtApp.hook("i18n:beforeLocaleSwitch", async ({ newLocale }) => {
+    if (newLocale === activeLocale) return;
+    activeLocale = newLocale;
     await loadLocale(newLocale);
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipkge/nuxt",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "license": "MIT",
   "type": "module",
   "exports": {