@vue-sfc-i18n/composable 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -1,9 +1,11 @@
 export interface I18nSchema {
 }
-type TranslationKey = keyof I18nSchema extends never ? string : keyof I18nSchema;
+type KeysOf<F extends string> = F extends keyof I18nSchema ? keyof I18nSchema[F] : keyof I18nSchema[keyof I18nSchema];
+type ParamsArg<F extends keyof I18nSchema, K extends KeysOf<F>> = K extends keyof I18nSchema[F] ? I18nSchema[F][K] extends string ? [] : [params: I18nSchema[F][K]] : [params?: Record<string, string | number> | number];
 type EntryLoader = () => Promise<Record<string, string>>;
-export declare const useI18n: () => {
-    t: (key: TranslationKey) => string;
+export type PluralRule = (choice: number) => number;
+export declare const useI18n: <F extends keyof I18nSchema = keyof I18nSchema>(_filePath?: F | undefined) => {
+    t: <K extends KeysOf<F>>(key: K, ...args: ParamsArg<F, K>) => string;
 };
 export declare const manager: {
     /** @private */
@@ -15,5 +17,6 @@ export declare const manager: {
     registerEntryLoader(fn: EntryLoader): void;
     /** @private */
     fetchEntryTranslations(): Promise<Record<string, string>>;
+    setPluralRules(rules: Record<string, PluralRule>): void;
 };
 export {};

package/dist/index.js

@@ -2,8 +2,26 @@ import { ref } from "vue";
 const translations = ref({});
 const language = ref(null);
 const entryLoaders = [];
-const t = (key) => translations.value[key] ?? key;
-export const useI18n = () => ({ t });
+const defaultPluralRule = choice => (choice === 1 ? 0 : 1);
+const pluralRules = {};
+const interpolate = (str, params) => str.replace(/\{\s*(\w+)\s*\}/g, (_, k) => String(params[k] ?? `{${k}}`));
+export const useI18n = (_filePath) => {
+    const t = (key, ...args) => {
+        const raw = translations.value[key] ?? key;
+        const arg = args[0];
+        if (typeof arg === "number") {
+            const rule = pluralRules[language.value ?? ""] ?? defaultPluralRule;
+            const parts = raw.split("|").map(p => p.trim());
+            const index = rule(arg);
+            const variant = parts[index];
+            if (index < 0 || variant === undefined)
+                throw new Error(`[@vue-sfc-i18n/composable] plural rule returned index ${index} for key "${key}", but only ${parts.length} variant(s) exist`);
+            return interpolate(variant, { n: arg });
+        }
+        return arg ? interpolate(raw, arg) : raw;
+    };
+    return { t };
+};
 export const manager = {
     /** @private */
     getLanguage() {
@@ -31,4 +49,7 @@ export const manager = {
         const results = await Promise.all(entryLoaders.map(fn => fn()));
         return results.reduce((acc, r) => ({ ...acc, ...r }), {});
     },
+    setPluralRules(rules) {
+        Object.assign(pluralRules, rules);
+    },
 };

package/package.json

@@ -1,47 +1,49 @@
 {
   "name": "@vue-sfc-i18n/composable",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Vue composable for using i18n translations from Vue SFC custom blocks",
   "keywords": [
-    "vue",
-    "vue3",
+    "composable",
     "i18n",
+    "internationalization",
     "sfc",
-    "composable",
-    "internationalization"
+    "vue",
+    "vue3"
   ],
-  "author": "Sándor Levcsák",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/levchak0910/vue-sfc-i18n.git"
-  },
   "homepage": "git+https://github.com/levchak0910/vue-sfc-i18n#readme",
   "bugs": {
     "url": "git+https://github.com/levchak0910/vue-sfc-i18n/issues"
   },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "provenance": true
+  "license": "MIT",
+  "author": "Sándor Levcsák",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/levchak0910/vue-sfc-i18n.git"
   },
+  "files": [
+    "dist"
+  ],
   "type": "module",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js"
   },
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "registry": "https://registry.npmjs.org/"
+  },
   "dependencies": {
     "vue": "^3.5.0"
   },
   "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"
   }
 }