@vue-sfc-i18n/composable 0.0.5 → 0.0.6

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 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 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: <K extends TranslationKey>(key: K, ...args: ParamsArg<K>) => 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 */
@@ -16,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,13 +2,26 @@ import { ref } from "vue";
 const translations = ref({});
 const language = ref(null);
 const entryLoaders = [];
+const defaultPluralRule = choice => (choice === 1 ? 0 : 1);
+const pluralRules = {};
 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 = (_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 useI18n = () => ({ t });
 export const manager = {
     /** @private */
     getLanguage() {
@@ -36,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,38 +1,38 @@
 {
   "name": "@vue-sfc-i18n/composable",
-  "version": "0.0.5",
+  "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"
   },