@verbaly/vue 0.16.0 → 0.18.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/index.cjs +2 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -9
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -20,6 +20,7 @@ function useT() {
|
|
|
20
20
|
version.value;
|
|
21
21
|
return instance.t(first, ...rest);
|
|
22
22
|
};
|
|
23
|
+
t.id = instance.t.id;
|
|
23
24
|
return t;
|
|
24
25
|
}
|
|
25
26
|
function useLocale() {
|
|
@@ -76,14 +77,7 @@ function toNodes(nodes, components, links) {
|
|
|
76
77
|
const fn = components[node.name];
|
|
77
78
|
if (fn) return fn(children);
|
|
78
79
|
const link = links[node.name];
|
|
79
|
-
if (link !== void 0)
|
|
80
|
-
const def = typeof link === "string" ? { href: link } : link;
|
|
81
|
-
return (0, vue.h)("a", {
|
|
82
|
-
href: (0, verbaly.safeHref)(def.href),
|
|
83
|
-
target: def.target,
|
|
84
|
-
rel: def.rel
|
|
85
|
-
}, children);
|
|
86
|
-
}
|
|
80
|
+
if (link !== void 0) return (0, vue.h)("a", (0, verbaly.normalizeLink)(link), children);
|
|
87
81
|
return children;
|
|
88
82
|
});
|
|
89
83
|
}
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":["Fragment"],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n defineComponent,\n Fragment,\n h,\n inject,\n onScopeDispose,\n shallowRef,\n type App,\n type InjectionKey,\n type PropType,\n type ShallowRef,\n type VNodeChild,\n type WritableComputedRef,\n} from 'vue';\nimport {\n
|
|
1
|
+
{"version":3,"file":"index.cjs","names":["Fragment"],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n defineComponent,\n Fragment,\n h,\n inject,\n onScopeDispose,\n shallowRef,\n type App,\n type InjectionKey,\n type PropType,\n type ShallowRef,\n type VNodeChild,\n type WritableComputedRef,\n} from 'vue';\nimport {\n normalizeLink,\n parseTags,\n type DictionaryInput,\n type Params,\n type RichLink,\n type TagNode,\n type TFunction,\n type Verbaly,\n} from 'verbaly';\n\nconst KEY: InjectionKey<Verbaly> = Symbol('verbaly');\n\nexport interface VerbalyPlugin {\n install(app: App): void;\n}\n\nexport function verbalyPlugin<D extends DictionaryInput>(instance: Verbaly<D>): VerbalyPlugin {\n return {\n install(app) {\n app.provide(KEY, instance as unknown as Verbaly);\n },\n };\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n const instance = inject(KEY, null);\n if (!instance) {\n throw new Error('[verbaly] useVerbaly requires app.use(verbalyPlugin(...))');\n }\n return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n const instance = useVerbaly<D>();\n const version = trackVersion(instance);\n const t = (first: unknown, ...rest: unknown[]): string => {\n void version.value;\n return (instance.t as unknown as (...args: unknown[]) => string)(first, ...rest);\n };\n // the reactive wrapper must keep t's full surface (react/svelte hand out instance.t directly)\n (t as TFunction<D>).id = instance.t.id;\n return t as TFunction<D>;\n}\n\nexport function useLocale(): WritableComputedRef<string> {\n const instance = useVerbaly();\n const version = trackVersion(instance);\n return computed({\n get: () => {\n void version.value;\n return instance.locale;\n },\n set: (locale: string) => instance.setLocale(locale),\n });\n}\n\nfunction trackVersion<D extends DictionaryInput>(instance: Verbaly<D>): ShallowRef<number> {\n const version = shallowRef(instance.version);\n onScopeDispose(\n instance.subscribe(() => {\n version.value = instance.version;\n }),\n );\n return version;\n}\n\nexport type TransComponents = Record<string, (children: VNodeChild[]) => VNodeChild>;\n\n// translated message + element interpolation\nexport const Trans = defineComponent({\n name: 'Trans',\n props: {\n id: { type: String, required: true },\n values: { type: Object as PropType<Params>, default: undefined },\n components: { type: Object as PropType<TransComponents>, default: () => ({}) },\n links: { type: Object as PropType<Record<string, RichLink>>, default: () => ({}) },\n },\n setup(props) {\n const instance = useVerbaly();\n const version = trackVersion(instance);\n return () => {\n void version.value;\n const text = (instance.t as unknown as (id: string, values?: Params) => string)(\n props.id,\n props.values,\n );\n return h(Fragment, toNodes(parseTags(text), props.components, props.links));\n };\n },\n});\n\nfunction toNodes(\n nodes: TagNode[],\n components: TransComponents,\n links: Record<string, RichLink>,\n): VNodeChild[] {\n return nodes.map((node) => {\n if (typeof node === 'string') return node;\n const children = toNodes(node.children, components, links);\n const fn = components[node.name];\n if (fn) return fn(children);\n const link = links[node.name];\n if (link !== undefined) {\n return h('a', normalizeLink(link), children);\n }\n return children;\n });\n}\n\nexport type { Params, TFunction, Verbaly };\n"],"mappings":";;;;AA0BA,MAAM,MAA6B,OAAO,SAAS;AAMnD,SAAgB,cAAyC,UAAqC;CAC5F,OAAO,EACL,QAAQ,KAAK;EACX,IAAI,QAAQ,KAAK,QAA8B;CACjD,EACF;AACF;AAEA,SAAgB,aAAsE;CACpF,MAAM,YAAA,GAAA,IAAA,OAAA,CAAkB,KAAK,IAAI;CACjC,IAAI,CAAC,UACH,MAAM,IAAI,MAAM,2DAA2D;CAE7E,OAAO;AACT;AAEA,SAAgB,OAAkE;CAChF,MAAM,WAAW,WAAc;CAC/B,MAAM,UAAU,aAAa,QAAQ;CACrC,MAAM,KAAK,OAAgB,GAAG,SAA4B;EACxD,QAAa;EACb,OAAQ,SAAS,EAAgD,OAAO,GAAG,IAAI;CACjF;CAEA,EAAoB,KAAK,SAAS,EAAE;CACpC,OAAO;AACT;AAEA,SAAgB,YAAyC;CACvD,MAAM,WAAW,WAAW;CAC5B,MAAM,UAAU,aAAa,QAAQ;CACrC,QAAA,GAAA,IAAA,SAAA,CAAgB;EACd,WAAW;GACT,QAAa;GACb,OAAO,SAAS;EAClB;EACA,MAAM,WAAmB,SAAS,UAAU,MAAM;CACpD,CAAC;AACH;AAEA,SAAS,aAAwC,UAA0C;CACzF,MAAM,WAAA,GAAA,IAAA,WAAA,CAAqB,SAAS,OAAO;CAC3C,CAAA,GAAA,IAAA,eAAA,CACE,SAAS,gBAAgB;EACvB,QAAQ,QAAQ,SAAS;CAC3B,CAAC,CACH;CACA,OAAO;AACT;AAKA,MAAa,SAAA,GAAA,IAAA,gBAAA,CAAwB;CACnC,MAAM;CACN,OAAO;EACL,IAAI;GAAE,MAAM;GAAQ,UAAU;EAAK;EACnC,QAAQ;GAAE,MAAM;GAA4B,SAAS,KAAA;EAAU;EAC/D,YAAY;GAAE,MAAM;GAAqC,gBAAgB,CAAC;EAAG;EAC7E,OAAO;GAAE,MAAM;GAA8C,gBAAgB,CAAC;EAAG;CACnF;CACA,MAAM,OAAO;EACX,MAAM,WAAW,WAAW;EAC5B,MAAM,UAAU,aAAa,QAAQ;EACrC,aAAa;GACX,QAAa;GAKb,QAAA,GAAA,IAAA,EAAA,CAASA,IAAAA,UAAU,SAAA,GAAA,QAAA,UAAA,CAJL,SAAS,EACrB,MAAM,IACN,MAAM,MAEgC,CAAC,GAAG,MAAM,YAAY,MAAM,KAAK,CAAC;EAC5E;CACF;AACF,CAAC;AAED,SAAS,QACP,OACA,YACA,OACc;CACd,OAAO,MAAM,KAAK,SAAS;EACzB,IAAI,OAAO,SAAS,UAAU,OAAO;EACrC,MAAM,WAAW,QAAQ,KAAK,UAAU,YAAY,KAAK;EACzD,MAAM,KAAK,WAAW,KAAK;EAC3B,IAAI,IAAI,OAAO,GAAG,QAAQ;EAC1B,MAAM,OAAO,MAAM,KAAK;EACxB,IAAI,SAAS,KAAA,GACX,QAAA,GAAA,IAAA,EAAA,CAAS,MAAA,GAAA,QAAA,cAAA,CAAmB,IAAI,GAAG,QAAQ;EAE7C,OAAO;CACT,CAAC;AACH"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment, computed, defineComponent, h, inject, onScopeDispose, shallowRef } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { normalizeLink, parseTags } from "verbaly";
|
|
3
3
|
//#region src/index.ts
|
|
4
4
|
const KEY = Symbol("verbaly");
|
|
5
5
|
function verbalyPlugin(instance) {
|
|
@@ -19,6 +19,7 @@ function useT() {
|
|
|
19
19
|
version.value;
|
|
20
20
|
return instance.t(first, ...rest);
|
|
21
21
|
};
|
|
22
|
+
t.id = instance.t.id;
|
|
22
23
|
return t;
|
|
23
24
|
}
|
|
24
25
|
function useLocale() {
|
|
@@ -75,14 +76,7 @@ function toNodes(nodes, components, links) {
|
|
|
75
76
|
const fn = components[node.name];
|
|
76
77
|
if (fn) return fn(children);
|
|
77
78
|
const link = links[node.name];
|
|
78
|
-
if (link !== void 0)
|
|
79
|
-
const def = typeof link === "string" ? { href: link } : link;
|
|
80
|
-
return h("a", {
|
|
81
|
-
href: safeHref(def.href),
|
|
82
|
-
target: def.target,
|
|
83
|
-
rel: def.rel
|
|
84
|
-
}, children);
|
|
85
|
-
}
|
|
79
|
+
if (link !== void 0) return h("a", normalizeLink(link), children);
|
|
86
80
|
return children;
|
|
87
81
|
});
|
|
88
82
|
}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n defineComponent,\n Fragment,\n h,\n inject,\n onScopeDispose,\n shallowRef,\n type App,\n type InjectionKey,\n type PropType,\n type ShallowRef,\n type VNodeChild,\n type WritableComputedRef,\n} from 'vue';\nimport {\n
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n defineComponent,\n Fragment,\n h,\n inject,\n onScopeDispose,\n shallowRef,\n type App,\n type InjectionKey,\n type PropType,\n type ShallowRef,\n type VNodeChild,\n type WritableComputedRef,\n} from 'vue';\nimport {\n normalizeLink,\n parseTags,\n type DictionaryInput,\n type Params,\n type RichLink,\n type TagNode,\n type TFunction,\n type Verbaly,\n} from 'verbaly';\n\nconst KEY: InjectionKey<Verbaly> = Symbol('verbaly');\n\nexport interface VerbalyPlugin {\n install(app: App): void;\n}\n\nexport function verbalyPlugin<D extends DictionaryInput>(instance: Verbaly<D>): VerbalyPlugin {\n return {\n install(app) {\n app.provide(KEY, instance as unknown as Verbaly);\n },\n };\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n const instance = inject(KEY, null);\n if (!instance) {\n throw new Error('[verbaly] useVerbaly requires app.use(verbalyPlugin(...))');\n }\n return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n const instance = useVerbaly<D>();\n const version = trackVersion(instance);\n const t = (first: unknown, ...rest: unknown[]): string => {\n void version.value;\n return (instance.t as unknown as (...args: unknown[]) => string)(first, ...rest);\n };\n // the reactive wrapper must keep t's full surface (react/svelte hand out instance.t directly)\n (t as TFunction<D>).id = instance.t.id;\n return t as TFunction<D>;\n}\n\nexport function useLocale(): WritableComputedRef<string> {\n const instance = useVerbaly();\n const version = trackVersion(instance);\n return computed({\n get: () => {\n void version.value;\n return instance.locale;\n },\n set: (locale: string) => instance.setLocale(locale),\n });\n}\n\nfunction trackVersion<D extends DictionaryInput>(instance: Verbaly<D>): ShallowRef<number> {\n const version = shallowRef(instance.version);\n onScopeDispose(\n instance.subscribe(() => {\n version.value = instance.version;\n }),\n );\n return version;\n}\n\nexport type TransComponents = Record<string, (children: VNodeChild[]) => VNodeChild>;\n\n// translated message + element interpolation\nexport const Trans = defineComponent({\n name: 'Trans',\n props: {\n id: { type: String, required: true },\n values: { type: Object as PropType<Params>, default: undefined },\n components: { type: Object as PropType<TransComponents>, default: () => ({}) },\n links: { type: Object as PropType<Record<string, RichLink>>, default: () => ({}) },\n },\n setup(props) {\n const instance = useVerbaly();\n const version = trackVersion(instance);\n return () => {\n void version.value;\n const text = (instance.t as unknown as (id: string, values?: Params) => string)(\n props.id,\n props.values,\n );\n return h(Fragment, toNodes(parseTags(text), props.components, props.links));\n };\n },\n});\n\nfunction toNodes(\n nodes: TagNode[],\n components: TransComponents,\n links: Record<string, RichLink>,\n): VNodeChild[] {\n return nodes.map((node) => {\n if (typeof node === 'string') return node;\n const children = toNodes(node.children, components, links);\n const fn = components[node.name];\n if (fn) return fn(children);\n const link = links[node.name];\n if (link !== undefined) {\n return h('a', normalizeLink(link), children);\n }\n return children;\n });\n}\n\nexport type { Params, TFunction, Verbaly };\n"],"mappings":";;;AA0BA,MAAM,MAA6B,OAAO,SAAS;AAMnD,SAAgB,cAAyC,UAAqC;CAC5F,OAAO,EACL,QAAQ,KAAK;EACX,IAAI,QAAQ,KAAK,QAA8B;CACjD,EACF;AACF;AAEA,SAAgB,aAAsE;CACpF,MAAM,WAAW,OAAO,KAAK,IAAI;CACjC,IAAI,CAAC,UACH,MAAM,IAAI,MAAM,2DAA2D;CAE7E,OAAO;AACT;AAEA,SAAgB,OAAkE;CAChF,MAAM,WAAW,WAAc;CAC/B,MAAM,UAAU,aAAa,QAAQ;CACrC,MAAM,KAAK,OAAgB,GAAG,SAA4B;EACxD,QAAa;EACb,OAAQ,SAAS,EAAgD,OAAO,GAAG,IAAI;CACjF;CAEA,EAAoB,KAAK,SAAS,EAAE;CACpC,OAAO;AACT;AAEA,SAAgB,YAAyC;CACvD,MAAM,WAAW,WAAW;CAC5B,MAAM,UAAU,aAAa,QAAQ;CACrC,OAAO,SAAS;EACd,WAAW;GACT,QAAa;GACb,OAAO,SAAS;EAClB;EACA,MAAM,WAAmB,SAAS,UAAU,MAAM;CACpD,CAAC;AACH;AAEA,SAAS,aAAwC,UAA0C;CACzF,MAAM,UAAU,WAAW,SAAS,OAAO;CAC3C,eACE,SAAS,gBAAgB;EACvB,QAAQ,QAAQ,SAAS;CAC3B,CAAC,CACH;CACA,OAAO;AACT;AAKA,MAAa,QAAQ,gBAAgB;CACnC,MAAM;CACN,OAAO;EACL,IAAI;GAAE,MAAM;GAAQ,UAAU;EAAK;EACnC,QAAQ;GAAE,MAAM;GAA4B,SAAS,KAAA;EAAU;EAC/D,YAAY;GAAE,MAAM;GAAqC,gBAAgB,CAAC;EAAG;EAC7E,OAAO;GAAE,MAAM;GAA8C,gBAAgB,CAAC;EAAG;CACnF;CACA,MAAM,OAAO;EACX,MAAM,WAAW,WAAW;EAC5B,MAAM,UAAU,aAAa,QAAQ;EACrC,aAAa;GACX,QAAa;GAKb,OAAO,EAAE,UAAU,QAAQ,UAJb,SAAS,EACrB,MAAM,IACN,MAAM,MAEgC,CAAC,GAAG,MAAM,YAAY,MAAM,KAAK,CAAC;EAC5E;CACF;AACF,CAAC;AAED,SAAS,QACP,OACA,YACA,OACc;CACd,OAAO,MAAM,KAAK,SAAS;EACzB,IAAI,OAAO,SAAS,UAAU,OAAO;EACrC,MAAM,WAAW,QAAQ,KAAK,UAAU,YAAY,KAAK;EACzD,MAAM,KAAK,WAAW,KAAK;EAC3B,IAAI,IAAI,OAAO,GAAG,QAAQ;EAC1B,MAAM,OAAO,MAAM,KAAK;EACxB,IAAI,SAAS,KAAA,GACX,OAAO,EAAE,KAAK,cAAc,IAAI,GAAG,QAAQ;EAE7C,OAAO;CACT,CAAC;AACH"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@verbaly/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.18.0",
|
|
4
4
|
"description": "Vue 3 bindings for Verbaly — composables over the reactive core.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"i18n",
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"vue": "^3.4.0",
|
|
51
|
-
"verbaly": "^0.
|
|
51
|
+
"verbaly": "^0.18.0"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"happy-dom": "^20.10.6",
|
|
55
55
|
"vue": "^3.5.39",
|
|
56
|
-
"verbaly": "0.
|
|
56
|
+
"verbaly": "0.18.0"
|
|
57
57
|
},
|
|
58
58
|
"scripts": {
|
|
59
59
|
"build": "tsdown",
|