@vue-sfc-i18n/composable 0.0.4 → 0.0.5

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 export interface I18nSchema {
 }
 type TranslationKey = keyof I18nSchema extends never ? string : keyof I18nSchema;
+type ParamsArg<K extends TranslationKey> = K extends keyof I18nSchema ? I18nSchema[K] extends string ? [] : [params: I18nSchema[K]] : [params?: Record<string, string | number>];
 type EntryLoader = () => Promise<Record<string, string>>;
 export declare const useI18n: () => {
-    t: (key: TranslationKey) => string;
+    t: <K extends TranslationKey>(key: K, ...args: ParamsArg<K>) => string;
 };
 export declare const manager: {
     /** @private */

package/dist/index.js

@@ -2,7 +2,12 @@ import { ref } from "vue";
 const translations = ref({});
 const language = ref(null);
 const entryLoaders = [];
-const t = (key) => translations.value[key] ?? key;
+const interpolate = (str, params) => str.replace(/\{\s*(\w+)\s*\}/g, (_, k) => String(params[k] ?? `{${k}}`));
+const t = (key, ...args) => {
+    const value = translations.value[key] ?? key;
+    const params = args[0];
+    return params ? interpolate(value, params) : value;
+};
 export const useI18n = () => ({ t });
 export const manager = {
     /** @private */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-sfc-i18n/composable",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Vue composable for using i18n translations from Vue SFC custom blocks",
   "keywords": [
     "vue",
@@ -38,10 +38,12 @@
   },
   "devDependencies": {
     "@types/node": "^24.12.2",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.11"
   },
   "scripts": {
-    "build": "tsc --noEmit false --declaration true --outDir dist",
-    "type-check": "tsc --noEmit"
+    "build": "tsc --noEmit false --allowImportingTsExtensions false --declaration true --outDir dist",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run"
   }
 }