nuxt-i18n-micro 1.31.8 → 1.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/200.html +6 -6
- package/dist/client/404.html +6 -6
- package/dist/client/_nuxt/{BJqhKqO8.js → BARbCa2g.js} +1 -1
- package/dist/client/_nuxt/{CtL0IzHt.js → C4eGGOXV.js} +1 -1
- package/dist/client/_nuxt/{DT6fB3yc.js → CTiMIQCz.js} +47 -47
- package/dist/client/_nuxt/{Cdhtwg8F.js → DwKyf7FR.js} +1 -1
- package/dist/client/_nuxt/builds/latest.json +1 -1
- package/dist/client/_nuxt/builds/meta/3a8f8134-7719-41eb-aa2a-6d83ba6fda72.json +1 -0
- package/dist/client/index.html +6 -6
- package/dist/module.d.mts +2 -0
- package/dist/module.d.ts +2 -0
- package/dist/module.json +1 -1
- package/dist/module.mjs +8 -2
- package/dist/runtime/components/i18n-group.vue +20 -0
- package/dist/runtime/components/i18n-switcher.vue +38 -5
- package/dist/runtime/plugins/01.plugin.js +26 -2
- package/dist/runtime/plugins/04.auto-detect.js +1 -1
- package/package.json +1 -1
- package/dist/client/_nuxt/builds/meta/c80843ab-c12f-4236-a426-7df544319fb9.json +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as a,o as i,c as u,a as e,t as r,b as c,w as l,d,e as p}from"./
|
|
1
|
+
import{_ as a,o as i,c as u,a as e,t as r,b as c,w as l,d,e as p}from"./CTiMIQCz.js";import{u as f}from"./C4eGGOXV.js";const m={class:"antialiased bg-white dark:bg-black dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-black"},g={class:"max-w-520px text-center z-20"},h=["textContent"],b=["textContent"],x={class:"flex items-center justify-center w-full"},y={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const n=t;return f({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[{children:`!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&r(e)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?r.credentials="include":"anonymous"===e.crossOrigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();`}],style:[{children:'*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;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;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,p{margin:0}*,:after,:before{--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 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(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: }'}]}),(k,o)=>{const s=p;return i(),u("div",m,[o[0]||(o[0]=e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),e("div",g,[e("h1",{class:"font-medium mb-8 sm:text-10xl text-8xl",textContent:r(t.statusCode)},null,8,h),e("p",{class:"font-light leading-tight mb-16 px-8 sm:px-0 sm:text-4xl text-xl",textContent:r(t.description)},null,8,b),e("div",x,[c(s,{to:"/",class:"cursor-pointer gradient-border px-4 py-2 sm:px-6 sm:py-3 sm:text-xl text-md"},{default:l(()=>[d(r(t.backHome),1)]),_:1})])])])}}},v=a(y,[["__scopeId","data-v-28c488d2"]]);export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"id":"
|
|
1
|
+
{"id":"3a8f8134-7719-41eb-aa2a-6d83ba6fda72","timestamp":1731157773754}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"id":"3a8f8134-7719-41eb-aa2a-6d83ba6fda72","timestamp":1731157773754,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
|
package/dist/client/index.html
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<!DOCTYPE html><html data-capo=""><head><meta charset="utf-8">
|
|
2
2
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
3
3
|
<link rel="stylesheet" href="/__nuxt-i18n-micro/_nuxt/entry.BqOlM4b6.css">
|
|
4
|
-
<link rel="modulepreload" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/
|
|
4
|
+
<link rel="modulepreload" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/CTiMIQCz.js">
|
|
5
5
|
<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/B6E6ObS_.js">
|
|
6
6
|
<link rel="prefetch" as="style" crossorigin href="/__nuxt-i18n-micro/_nuxt/error-404.C_4C5G96.css">
|
|
7
|
-
<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/
|
|
8
|
-
<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/
|
|
7
|
+
<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/DwKyf7FR.js">
|
|
8
|
+
<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/C4eGGOXV.js">
|
|
9
9
|
<link rel="prefetch" as="style" crossorigin href="/__nuxt-i18n-micro/_nuxt/error-500.CBAEdpZV.css">
|
|
10
|
-
<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/
|
|
11
|
-
<script type="module" src="/__nuxt-i18n-micro/_nuxt/
|
|
12
|
-
<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-i18n-micro",buildId:"
|
|
10
|
+
<link rel="prefetch" as="script" crossorigin href="/__nuxt-i18n-micro/_nuxt/BARbCa2g.js">
|
|
11
|
+
<script type="module" src="/__nuxt-i18n-micro/_nuxt/CTiMIQCz.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1731157786182,false]</script>
|
|
12
|
+
<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-i18n-micro",buildId:"3a8f8134-7719-41eb-aa2a-6d83ba6fda72",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
|
package/dist/module.d.mts
CHANGED
|
@@ -9,6 +9,8 @@ interface Locale {
|
|
|
9
9
|
iso?: string;
|
|
10
10
|
dir?: 'ltr' | 'rtl' | 'auto';
|
|
11
11
|
displayName?: string;
|
|
12
|
+
baseUrl?: string;
|
|
13
|
+
baseDefault?: boolean;
|
|
12
14
|
}
|
|
13
15
|
type Getter = (key: string, params?: Record<string, string | number | boolean>, defaultValue?: string) => unknown;
|
|
14
16
|
type PluralFunc = (key: string, count: number, locale: string, getter: Getter) => string | null;
|
package/dist/module.d.ts
CHANGED
|
@@ -9,6 +9,8 @@ interface Locale {
|
|
|
9
9
|
iso?: string;
|
|
10
10
|
dir?: 'ltr' | 'rtl' | 'auto';
|
|
11
11
|
displayName?: string;
|
|
12
|
+
baseUrl?: string;
|
|
13
|
+
baseDefault?: boolean;
|
|
12
14
|
}
|
|
13
15
|
type Getter = (key: string, params?: Record<string, string | number | boolean>, defaultValue?: string) => unknown;
|
|
14
16
|
type PluralFunc = (key: string, count: number, locale: string, getter: Getter) => string | null;
|
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -411,7 +411,7 @@ const module = defineNuxtModule({
|
|
|
411
411
|
types: true,
|
|
412
412
|
defaultLocale: "en",
|
|
413
413
|
translationDir: "locales",
|
|
414
|
-
autoDetectPath: "
|
|
414
|
+
autoDetectPath: "/",
|
|
415
415
|
autoDetectLanguage: true,
|
|
416
416
|
disablePageLocales: false,
|
|
417
417
|
disableWatcher: false,
|
|
@@ -444,6 +444,12 @@ const module = defineNuxtModule({
|
|
|
444
444
|
throw new Error('Nuxt-i18n-micro: "includeDefaultLocaleRoute" must be set to true when using Cloudflare Pages.');
|
|
445
445
|
}
|
|
446
446
|
const logger = useLogger("nuxt-i18n-micro");
|
|
447
|
+
try {
|
|
448
|
+
const storagePahh = path.join(nuxt.options.rootDir, "./server/assets");
|
|
449
|
+
fs__default.rmdirSync(storagePahh);
|
|
450
|
+
logger.log(`Cleanup storage: ${storagePahh}`);
|
|
451
|
+
} catch {
|
|
452
|
+
}
|
|
447
453
|
const resolver = createResolver(import.meta.url);
|
|
448
454
|
const rootDirs = nuxt.options._layers.map((layer) => layer.config.rootDir).reverse();
|
|
449
455
|
const localeManager = new LocaleManager(options, rootDirs);
|
|
@@ -465,7 +471,7 @@ const module = defineNuxtModule({
|
|
|
465
471
|
translationDir: options.translationDir ?? "locales",
|
|
466
472
|
localeCookie: options.localeCookie ?? "user-locale",
|
|
467
473
|
autoDetectLanguage: options.autoDetectLanguage ?? true,
|
|
468
|
-
autoDetectPath: options.autoDetectPath ?? "
|
|
474
|
+
autoDetectPath: options.autoDetectPath ?? "/",
|
|
469
475
|
includeDefaultLocaleRoute: options.includeDefaultLocaleRoute ?? false,
|
|
470
476
|
routesLocaleLinks: options.routesLocaleLinks ?? {},
|
|
471
477
|
fallbackLocale: options.fallbackLocale ?? void 0,
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div :class="['i18n-group', groupClass]">
|
|
3
|
+
<slot
|
|
4
|
+
:prefix="prefix"
|
|
5
|
+
:t="translate"
|
|
6
|
+
/>
|
|
7
|
+
</div>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script setup>
|
|
11
|
+
import { useI18n } from '../composables/useI18n'
|
|
12
|
+
|
|
13
|
+
const props = defineProps({
|
|
14
|
+
prefix: { type: String, required: true },
|
|
15
|
+
groupClass: { type: String, default: '' },
|
|
16
|
+
})
|
|
17
|
+
|
|
18
|
+
const { t } = useI18n()
|
|
19
|
+
const translate = (key, params = {}) => t(`${props.prefix}.${key}`, params)
|
|
20
|
+
</script>
|
|
@@ -1,24 +1,39 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div :style="[wrapperStyle, customWrapperStyle]">
|
|
3
|
+
<slot name="before-button" />
|
|
4
|
+
|
|
3
5
|
<button
|
|
4
6
|
class="language-switcher"
|
|
5
7
|
:style="[buttonStyle, customButtonStyle]"
|
|
6
8
|
@click="toggleDropdown"
|
|
7
9
|
>
|
|
10
|
+
<slot name="before-selected-locale" />
|
|
8
11
|
{{ currentLocaleLabel }}
|
|
12
|
+
<slot name="after-selected-locale" />
|
|
9
13
|
<span :style="[iconStyle, dropdownOpen ? openIconStyle : {}, customIconStyle]">▾</span>
|
|
10
14
|
</button>
|
|
15
|
+
|
|
16
|
+
<slot name="before-dropdown" />
|
|
17
|
+
|
|
11
18
|
<ul
|
|
12
|
-
v-
|
|
19
|
+
v-show="dropdownOpen"
|
|
13
20
|
:style="[dropdownStyle, customDropdownStyle]"
|
|
14
21
|
>
|
|
22
|
+
<slot name="before-dropdown-items" />
|
|
23
|
+
|
|
15
24
|
<li
|
|
16
25
|
v-for="locale in locales"
|
|
17
26
|
:key="locale.code"
|
|
18
27
|
:style="[itemStyle, customItemStyle]"
|
|
19
28
|
>
|
|
29
|
+
<slot
|
|
30
|
+
name="before-item"
|
|
31
|
+
:locale="locale"
|
|
32
|
+
/>
|
|
33
|
+
|
|
20
34
|
<NuxtLink
|
|
21
35
|
:class="`switcher-locale-${locale.code}`"
|
|
36
|
+
:to="$switchLocaleRoute(locale.code)"
|
|
22
37
|
:style="[
|
|
23
38
|
linkStyle,
|
|
24
39
|
locale.code === currentLocale ? activeLinkStyle : {},
|
|
@@ -26,12 +41,29 @@
|
|
|
26
41
|
customLinkStyle,
|
|
27
42
|
]"
|
|
28
43
|
:hreflang="locale.iso || locale.code"
|
|
29
|
-
@click="switchLocale(
|
|
44
|
+
@click="switchLocale()"
|
|
30
45
|
>
|
|
46
|
+
<slot
|
|
47
|
+
name="before-link-content"
|
|
48
|
+
:locale="locale"
|
|
49
|
+
/>
|
|
31
50
|
{{ localeLabel(locale) }}
|
|
51
|
+
<slot
|
|
52
|
+
name="after-link-content"
|
|
53
|
+
:locale="locale"
|
|
54
|
+
/>
|
|
32
55
|
</NuxtLink>
|
|
56
|
+
|
|
57
|
+
<slot
|
|
58
|
+
name="after-item"
|
|
59
|
+
:locale="locale"
|
|
60
|
+
/>
|
|
33
61
|
</li>
|
|
62
|
+
|
|
63
|
+
<slot name="after-dropdown-items" />
|
|
34
64
|
</ul>
|
|
65
|
+
|
|
66
|
+
<slot name="after-dropdown" />
|
|
35
67
|
</div>
|
|
36
68
|
</template>
|
|
37
69
|
|
|
@@ -47,6 +79,8 @@ interface Locale {
|
|
|
47
79
|
iso?: string
|
|
48
80
|
dir?: 'ltr' | 'rtl' | 'auto'
|
|
49
81
|
displayName?: string
|
|
82
|
+
baseUrl?: string
|
|
83
|
+
baseDefault?: boolean
|
|
50
84
|
}
|
|
51
85
|
|
|
52
86
|
interface Props {
|
|
@@ -73,7 +107,7 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
73
107
|
customIconStyle: () => ({}),
|
|
74
108
|
})
|
|
75
109
|
|
|
76
|
-
const { $
|
|
110
|
+
const { $switchLocaleRoute, $getLocales, $getLocale, $getLocaleName } = useNuxtApp()
|
|
77
111
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
78
112
|
// @ts-ignore
|
|
79
113
|
const locales = ref($getLocales())
|
|
@@ -104,9 +138,8 @@ const currentLocaleLabel = computed(() => localeLabel({
|
|
|
104
138
|
displayName: currentLocaleName.value ?? undefined,
|
|
105
139
|
}))
|
|
106
140
|
|
|
107
|
-
const switchLocale = (
|
|
141
|
+
const switchLocale = () => {
|
|
108
142
|
toggleDropdown()
|
|
109
|
-
return $switchLocale(locale.code)
|
|
110
143
|
}
|
|
111
144
|
|
|
112
145
|
// Default Styles
|
|
@@ -29,6 +29,19 @@ function getRouteName(route, locale) {
|
|
|
29
29
|
return (route?.name ?? "").toString().replace("localized-", "").replace(new RegExp(`-${locale}$`), "");
|
|
30
30
|
}
|
|
31
31
|
function switchLocaleRoute(fromLocale, toLocale, route, router, i18nConfig, i18nRouteParams) {
|
|
32
|
+
const currentLocale = i18nConfig.locales?.find((l) => l.code === toLocale);
|
|
33
|
+
function getFullPathWithBaseUrl(route2) {
|
|
34
|
+
const resolvedRoute = router.resolve(route2);
|
|
35
|
+
let fullPath = resolvedRoute.fullPath;
|
|
36
|
+
if (currentLocale?.baseDefault) {
|
|
37
|
+
fullPath = fullPath.replace(new RegExp(`^/${currentLocale.code}`), "");
|
|
38
|
+
}
|
|
39
|
+
let baseUrl = currentLocale.baseUrl;
|
|
40
|
+
if (baseUrl?.endsWith("/")) {
|
|
41
|
+
baseUrl = baseUrl.slice(0, -1);
|
|
42
|
+
}
|
|
43
|
+
return baseUrl + fullPath;
|
|
44
|
+
}
|
|
32
45
|
const routeName = getRouteName(route, fromLocale);
|
|
33
46
|
if (router.hasRoute(`localized-${routeName}-${toLocale}`)) {
|
|
34
47
|
const newParams2 = { ...route.params, ...i18nRouteParams?.[toLocale] };
|
|
@@ -37,10 +50,14 @@ function switchLocaleRoute(fromLocale, toLocale, route, router, i18nConfig, i18n
|
|
|
37
50
|
const userLocaleCookie = useCookie("hash-locale");
|
|
38
51
|
userLocaleCookie.value = toLocale;
|
|
39
52
|
}
|
|
40
|
-
|
|
53
|
+
const newRoute2 = {
|
|
41
54
|
name: `localized-${routeName}-${toLocale}`,
|
|
42
55
|
params: newParams2
|
|
43
56
|
};
|
|
57
|
+
if (currentLocale?.baseUrl) {
|
|
58
|
+
return getFullPathWithBaseUrl(newRoute2);
|
|
59
|
+
}
|
|
60
|
+
return newRoute2;
|
|
44
61
|
}
|
|
45
62
|
const newRouteName = toLocale !== i18nConfig.defaultLocale || i18nConfig.includeDefaultLocaleRoute ? `localized-${routeName}` : routeName;
|
|
46
63
|
const newParams = { ...route.params, ...i18nRouteParams?.[toLocale] };
|
|
@@ -52,7 +69,14 @@ function switchLocaleRoute(fromLocale, toLocale, route, router, i18nConfig, i18n
|
|
|
52
69
|
const userLocaleCookie = useCookie("hash-locale");
|
|
53
70
|
userLocaleCookie.value = toLocale;
|
|
54
71
|
}
|
|
55
|
-
|
|
72
|
+
const newRoute = {
|
|
73
|
+
name: newRouteName,
|
|
74
|
+
params: newParams
|
|
75
|
+
};
|
|
76
|
+
if (currentLocale?.baseUrl) {
|
|
77
|
+
return getFullPathWithBaseUrl(newRoute);
|
|
78
|
+
}
|
|
79
|
+
return newRoute;
|
|
56
80
|
}
|
|
57
81
|
function switchLocale(fromLocale, toLocale, route, router, i18nConfig, i18nRouteParams) {
|
|
58
82
|
const checkLocale = i18nConfig.locales?.find((l) => l.code === toLocale);
|
|
@@ -12,7 +12,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
|
|
|
12
12
|
const headers = useRequestHeaders(["accept-language"]);
|
|
13
13
|
const supportedLocales = i18nConfig.locales?.map((locale) => locale.code) ?? [];
|
|
14
14
|
const defaultLocale = i18nConfig.defaultLocale || "en";
|
|
15
|
-
const autoDetectPath = i18nConfig.autoDetectPath || "
|
|
15
|
+
const autoDetectPath = i18nConfig.autoDetectPath || "/";
|
|
16
16
|
const router = useRouter();
|
|
17
17
|
const route = useRoute();
|
|
18
18
|
async function switchLocale(newLocale) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuxt-i18n-micro",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.32.0",
|
|
4
4
|
"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.",
|
|
5
5
|
"repository": "s00d/nuxt-i18n-micro",
|
|
6
6
|
"license": "MIT",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"id":"c80843ab-c12f-4236-a426-7df544319fb9","timestamp":1731047353542,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
|