intor 2.3.34 → 2.3.35

package/dist/react/src/client/react/translator/trans.js

@@ -8,8 +8,8 @@ import { useTranslator } from './use-translator.js';
  */
 function Trans(props) {
     const { i18nKey, components, values } = props;
-    const translator = useTranslator();
-    return jsx(Fragment, { children: translator.tRich(i18nKey, components, values) });
+    const { tRich } = useTranslator();
+    return jsx(Fragment, { children: tRich(i18nKey, components, values) });
 }
 
 export { Trans };

package/dist/types/src/client/react/translator/trans.d.ts

@@ -4,18 +4,9 @@ import type { LocalizedKey, LocalizedReplacement, LocalizedRich, Replacement } f
 type TransProps<CK extends GenConfigKeys = "__default__", K extends string = LocalizedKey<GenMessages<CK>>, RI = LocalizedRich<GenRich<CK>, K>, RE extends Replacement = LocalizedReplacement<GenReplacements<CK>, K>> = {
     /** The message key to translate. */
     i18nKey: K | (string & {});
-    /**
-     * Optional React renderers for semantic tags in rich messages.
-     *
-     * Maps a tag name to either a React node or a render function,
-     * allowing customization of rich tag rendering.
-     */
-    components?: ReactTagRenderers<RI>;
-    /**
-     * Optional replacement values for message interpolation.
-     *
-     * These values are passed to the underlying translator.
-     */
+    /** Optional React renderers for semantic tags. */
+    components?: ReactTagRenderers<RI> | ReactTagRenderers;
+    /** Optional replacement values for interpolation. */
     values?: RE | Replacement;
 };
 /**

package/dist/types/src/client/vue/translator/trans.d.ts

@@ -1,9 +1,14 @@
 import type { VueTagRenderers } from "../../../client/vue/render";
 import type { Replacement } from "intor-translator";
+/**
+ * `<Trans />` is a lightweight Vue component for rendering rich translations.
+ *
+ * It is a thin adapter around `translator.tRich` and introduces no additional logic.
+ */
 export declare const Trans: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** The message key to translate. */
     i18nKey: {
-        type: () => string;
+        type: StringConstructor;
         required: true;
     };
     /** Optional Vue renderers for semantic tags. */
@@ -21,7 +26,7 @@ export declare const Trans: import("vue").DefineComponent<import("vue").ExtractP
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** The message key to translate. */
     i18nKey: {
-        type: () => string;
+        type: StringConstructor;
         required: true;
     };
     /** Optional Vue renderers for semantic tags. */

package/dist/vue/src/client/vue/translator/trans.js

@@ -1,6 +1,11 @@
-import { defineComponent, h } from 'vue';
+import { defineComponent, h, Fragment } from 'vue';
 import { useTranslator } from './use-translator.js';
 
+/**
+ * `<Trans />` is a lightweight Vue component for rendering rich translations.
+ *
+ * It is a thin adapter around `translator.tRich` and introduces no additional logic.
+ */
 const Trans = defineComponent({
     name: "Trans",
     props: {
@@ -21,10 +26,11 @@ const Trans = defineComponent({
         },
     },
     setup(props) {
-        const translator = useTranslator();
+        const { tRich } = useTranslator();
         return () => {
-            const nodes = translator.tRich(props.i18nKey, props.components, props.values);
-            return h("span", null, nodes);
+            const { i18nKey, components, values } = props;
+            const nodes = tRich(i18nKey, components, values);
+            return h(Fragment, null, nodes);
         };
     },
 });

package/dist/vue/src/client/vue/translator/use-translator.js

@@ -13,9 +13,9 @@ function useTranslator(preKey) {
         locale: computed(() => translator.value.locale),
         isLoading: computed(() => translator.value.isLoading),
         setLocale: intor.value.setLocale,
-        hasKey: computed(() => scoped.value.hasKey),
-        t: computed(() => scoped.value.t),
-        tRich: computed(() => createTRich(scoped.value.t)),
+        hasKey: (...args) => scoped.value.hasKey(...args),
+        t: (...args) => scoped.value.t(...args),
+        tRich: (...args) => createTRich(scoped.value.t)(...args),
         // NOTE:
         // The runtime implementation is intentionally erased.
         // Type safety is guaranteed by public type contracts.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intor",
-  "version": "2.3.34",
+  "version": "2.3.35",
   "description": "The i18n library for modern JavaScript",
   "author": "Yiming Liao",
   "homepage": "https://github.com/yiming-liao/intor#readme",