nuxt-i18n-micro 1.5.0 → 1.6.0

package/dist/client/_nuxt/{DrEIrqkc.js → a39Im4hm.js}

@@ -1 +1 @@
-import{u as o}from"./CdzliWdy.js";import{_ as a,o as s,c as i,a as e,t as r,p as u,f as c}from"./Cnou2wpD.js";const l=t=>(u("data-v-2c66185b"),t=t(),c(),t),d={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},p=l(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),h={class:"max-w-520px text-center"},b=["textContent"],g=["textContent"],f={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const n=t;return o({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[],style:[{children:'*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}h1,p{margin:0}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(m,x)=>(s(),i("div",d,[p,e("div",h,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:r(t.statusCode)},null,8,b),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:r(t.description)},null,8,g)])]))}},w=a(f,[["__scopeId","data-v-2c66185b"]]);export{w as default};
+import{u as o}from"./B5V5CGNX.js";import{_ as a,o as s,c as i,a as e,t as r,p as u,f as c}from"./DUtCg1fH.js";const l=t=>(u("data-v-2c66185b"),t=t(),c(),t),d={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},p=l(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),h={class:"max-w-520px text-center"},b=["textContent"],g=["textContent"],f={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const n=t;return o({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[],style:[{children:'*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}h1,p{margin:0}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(m,x)=>(s(),i("div",d,[p,e("div",h,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:r(t.statusCode)},null,8,b),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:r(t.description)},null,8,g)])]))}},w=a(f,[["__scopeId","data-v-2c66185b"]]);export{w as default};

package/dist/client/_nuxt/builds/latest.json

@@ -1 +1 @@
-{"id":"d62c5b85-c72c-4371-bfa7-3402c13237f3","timestamp":1724181280320}
+{"id":"4583b4b6-b29c-448a-91a8-18c469a313df","timestamp":1724248922955}

package/dist/client/_nuxt/builds/meta/4583b4b6-b29c-448a-91a8-18c469a313df.json

@@ -0,0 +1 @@
+{"id":"4583b4b6-b29c-448a-91a8-18c469a313df","timestamp":1724248922955,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/client/index.html

@@ -1,12 +1,12 @@
 <!DOCTYPE html><html  data-capo=""><head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="/__nuxt-i18n-micro/_nuxt/entry.CF1WZhsD.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/Cnou2wpD.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/DUtCg1fH.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/B6E6ObS_.js">
 <link rel="prefetch" as="style" href="/__nuxt-i18n-micro/_nuxt/error-404.CjTTbIxB.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/BfxQCKlw.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/CdzliWdy.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/C5CUDaeR.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/B5V5CGNX.js">
 <link rel="prefetch" as="style" href="/__nuxt-i18n-micro/_nuxt/error-500.B4KzowuE.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/DrEIrqkc.js">
-<script type="module" src="/__nuxt-i18n-micro/_nuxt/Cnou2wpD.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"serverRendered":1},false]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-i18n-micro",buildId:"d62c5b85-c72c-4371-bfa7-3402c13237f3",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/a39Im4hm.js">
+<script type="module" src="/__nuxt-i18n-micro/_nuxt/DUtCg1fH.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"serverRendered":1},false]</script>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-i18n-micro",buildId:"4583b4b6-b29c-448a-91a8-18c469a313df",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-i18n-micro",
   "configKey": "i18n",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "builder": {
     "@nuxt/module-builder": "0.8.3",
     "unbuild": "2.0.0"

package/dist/runtime/components/i18n-link.vue

@@ -0,0 +1,37 @@
+<template>
+  <NuxtLink
+    :to="$localeRoute(to)"
+    :class="{ active: isActive }"
+  >
+    <slot>Go to Page</slot>
+  </NuxtLink>
+</template>
+
+<script lang="ts" setup>
+import { useNuxtApp, computed, useRoute, useRouter } from '#imports'
+import type { NuxtLinkProps } from '#app/components/nuxt-link'
+
+const { $localeRoute } = useNuxtApp()
+
+interface Props {
+  to: NuxtLinkProps
+  activeClass?: string
+}
+
+const props = defineProps<Props>()
+const route = useRoute()
+
+const isActive = computed(() => {
+  // If `to` is a string, compare it directly to the route path
+  const newPath = $localeRoute(props.to)
+  if (typeof newPath === 'string') {
+    return route.path === useRouter().resolve(newPath).path
+  }
+
+  return route.path === newPath.path
+})
+</script>
+
+<style scoped>
+.active{color:#42b983;font-weight:700}
+</style>

package/dist/runtime/components/i18n-switcher.vue

@@ -0,0 +1,92 @@
+<template>
+  <div :class="wrapperClass">
+    <button
+      :class="buttonClass"
+      @click="toggleDropdown"
+    >
+      {{ currentLocaleLabel }}
+      <span :class="[iconClass, dropdownOpen ? 'open' : '']">&#9662;</span>
+    </button>
+    <ul
+      v-if="dropdownOpen"
+      :class="dropdownClass"
+    >
+      <li
+        v-for="locale in locales"
+        :key="locale.code"
+        :class="[itemClass, locale.code === currentLocale ? activeClass : '']"
+      >
+        <NuxtLink
+          :to="getLocaleLink(locale)"
+          :class="[linkClass, locale.code === currentLocale ? disabledClass : '']"
+          :hreflang="locale.iso || locale.code"
+        >
+          {{ localeLabel(locale) }}
+        </NuxtLink>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { useNuxtApp } from '#app'
+import { useRoute } from '#imports'
+
+interface Locale {
+  code: string
+  iso?: string
+  dir?: 'rtl' | 'ltr'
+}
+
+interface Props {
+  wrapperClass?: string
+  buttonClass?: string
+  dropdownClass?: string
+  itemClass?: string
+  linkClass?: string
+  activeClass?: string
+  disabledClass?: string
+  iconClass?: string
+  customLabels?: Record<string, string>
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  wrapperClass: 'locale-switcher',
+  buttonClass: 'locale-button',
+  dropdownClass: 'locale-dropdown',
+  itemClass: 'locale-item',
+  linkClass: 'locale-link',
+  activeClass: 'active',
+  disabledClass: 'disabled',
+  iconClass: 'dropdown-icon',
+  customLabels: () => ({}),
+})
+
+const { $localeRoute, $getLocales, $getLocale } = useNuxtApp()
+const locales = ref($getLocales())
+const currentLocale = ref($getLocale())
+const dropdownOpen = ref(false)
+
+const toggleDropdown = () => {
+  dropdownOpen.value = !dropdownOpen.value
+}
+
+const localeLabel = (locale: Locale) => {
+  return props.customLabels[locale.code] || locale.code.toUpperCase()
+}
+
+const currentLocaleLabel = computed(() => localeLabel({ code: currentLocale.value }))
+
+const getLocaleLink = (locale: Locale) => {
+  const route = useRoute()
+
+  const routeName = (route?.name ?? '').toString().replace(`localized-`, '')
+
+  return $localeRoute({ name: routeName }, locale.code)
+}
+</script>
+
+<style scoped>
+.locale-switcher{display:inline-block;position:relative}.locale-button{align-items:center;background-color:#fff;border:1px solid #333;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:4px 12px;transition:background-color .3s ease}.locale-button:hover{background-color:#f0f0f0}.locale-dropdown{background-color:#fff;border:1px solid #333;left:0;list-style:none;margin:4px 0 0;padding:0;position:absolute;top:100%;z-index:10}.locale-item{margin:0;padding:0}.locale-link{color:#333;display:block;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.locale-link:hover{background-color:#f0f0f0}.locale-link.disabled{color:#aaa;cursor:not-allowed}.locale-link.active{color:#007bff;font-weight:700}.dropdown-icon{margin-left:8px;transition:transform .3s ease}.dropdown-icon.open{transform:rotate(180deg)}
+</style>

package/dist/runtime/plugins/01.plugin.d.ts

@@ -46,22 +46,11 @@ declare module '@vue/runtime-core' {
     interface ComponentCustomProperties extends PluginsInjections {
     }
 }
-declare module 'nuxt/dist/app/nuxt' {
-    interface NuxtApp extends PluginsInjections {
-    }
-}
 declare module 'vue' {
     interface ComponentCustomProperties extends PluginsInjections {
     }
 }
-declare global {
-    const $getLocale: () => string;
-    const $getLocales: () => Locale[];
-    const $t: <T extends Record<string, string | number | boolean>>(key: string, params?: T, defaultValue?: string) => string | number | boolean | Translations | PluralTranslations | unknown[] | unknown | null;
-    const $tc: (key: string, count: number, defaultValue?: string) => string;
-    const $has: (key: string) => boolean;
-    const $mergeTranslations: (newTranslations: Translations) => void;
-    const $switchLocale: (locale: string) => void;
-    const $localeRoute: (to: RouteLocationRaw, locale?: string) => RouteLocationRaw;
-    const $loadPageTranslations: (locale: string, routeName: string) => Promise<void>;
+declare module '#app/nuxt' {
+    interface NuxtApp extends PluginsInjections {
+    }
 }

package/dist/runtime/plugins/01.plugin.js

@@ -39,6 +39,10 @@ function getLocalizedRoute(to, router, route, i18nConfig, locale) {
 }
 export default defineNuxtPlugin(async (nuxtApp) => {
   const router = useRouter();
+  const registerI18nModule = (translations, locale) => {
+    i18nHelper.margeGlobalTranslation(locale, translations);
+  };
+  await nuxtApp.callHook("i18n:register", registerI18nModule);
   if (!nuxtApp.payload.data.translations) {
     nuxtApp.payload.data.translations = {};
   }
@@ -85,7 +89,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   const initialLocale = (route.params?.locale ?? i18nConfig.defaultLocale).toString();
   const initialRouteName = route.name.replace(`localized-`, "");
   const data = await $fetch(`/_locales/general/${initialLocale}/data.json?v=${i18nConfig.dateBuild}`, { baseURL: i18nConfig.baseURL });
-  await i18nHelper.loadTranslations(initialLocale, initialRouteName, data ?? {});
+  await i18nHelper.loadTranslations(initialLocale, data ?? {});
   if (import.meta.server) {
     const locale = (route.params?.locale ?? i18nConfig.defaultLocale).toString();
     let routeName = initialRouteName;

package/dist/runtime/translationHelper.d.ts

@@ -4,9 +4,10 @@ export declare function useTranslationHelper(): {
     getCache(locale: string, routeName: string): Map<string, unknown>;
     setCache(locale: string, routeName: string, cache: Map<string, Translations | unknown>): void;
     margeTranslation(locale: string, routeName: string, newTranslations: Translations): void;
+    margeGlobalTranslation(locale: string, newTranslations: Translations): void;
     hasGeneralTranslation(locale: string): boolean;
     hasPageTranslation(locale: string, routeName: string): boolean;
     getTranslation: <T = unknown>(locale: string, routeName: string, key: string, useCache: boolean) => T | null;
     loadPageTranslations: (locale: string, routeName: string, translations: Translations) => Promise<void>;
-    loadTranslations: (locale: string, routeName: string, translations: Translations) => Promise<void>;
+    loadTranslations: (locale: string, translations: Translations) => Promise<void>;
 };

package/dist/runtime/translationHelper.js

@@ -43,6 +43,15 @@ export function useTranslationHelper() {
         console.error(`marge: route ${locale}:${routeName} not loaded`);
       }
       routeLocaleCache[`${locale}:${routeName}`] = {
+        ...routeLocaleCache[`${locale}:${routeName}`],
+        ...newTranslations
+      };
+    },
+    margeGlobalTranslation(locale, newTranslations) {
+      if (!generalLocaleCache[`${locale}`]) {
+        console.error(`marge: route ${locale} not loaded`);
+      }
+      generalLocaleCache[locale] = {
         ...generalLocaleCache[locale],
         ...newTranslations
       };
@@ -101,7 +110,7 @@ export function useTranslationHelper() {
         console.error(`Error loading translations for ${locale} and ${routeName}:`, error);
       }
     },
-    loadTranslations: async (locale, routeName, translations) => {
+    loadTranslations: async (locale, translations) => {
       try {
         if (!generalLocaleCache[locale]) {
           generalLocaleCache[locale] = { ...translations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-i18n-micro",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Nuxt I18n Micro is a lightweight, high-performance internationalization module for Nuxt, designed to handle multi-language support with minimal overhead, fast build times, and efficient runtime performance.",
   "repository": "s00d/nuxt-i18n-micro",
   "license": "MIT",
@@ -52,7 +52,12 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "client:build": "nuxi generate client",
     "client:dev": "nuxi dev client --port 3300",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:clean-dev": "vitepress dev docs --clean-cache",
+    "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
     "@nuxt/devtools-kit": "^1.3.9",
@@ -75,8 +80,12 @@
     "execa": "^9.3.0",
     "nuxt": "^3.12.4",
     "typescript": "latest",
+    "vitepress": "^1.3.3",
     "vitest": "^2.0.3",
-    "vue-tsc": "^2.0.26"
+    "vue-tsc": "2.0.22"
   },
+  "workspaces": [
+    "client"
+  ],
   "packageManager": "yarn@3.7.0+sha256.7bf0c78a106332886ea4e59641fd819b1af953edcd72c4d93a32b1c71000ee67"
 }

package/dist/client/_nuxt/builds/meta/d62c5b85-c72c-4371-bfa7-3402c13237f3.json

@@ -1 +0,0 @@
-{"id":"d62c5b85-c72c-4371-bfa7-3402c13237f3","timestamp":1724181280320,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}