Merge pull request #73 from REJack/feat/language-array-support

feat: add support for language arrays

Author: xiCO2k

src/index.ts

@@ -338,7 +338,14 @@ export class I18n {
    */
   wTrans(key: string, replacements: ReplacementsInterface = {}): ComputedRef<string> {
     if (!this.activeMessages[key]) {
-      this.activeMessages[key] = key
+      const hasChildItems = this.activeMessages[`${key}.0`] !== undefined;
+
+      if (hasChildItems) {
+        const childItems = Object.entries(this.activeMessages).filter((item) => item[0].startsWith(`${key}.`)).map(item => item[1]);
+        this.activeMessages[key] = reactive(childItems);
+      } else {
+        this.activeMessages[key] = key;
+      }
     }
 
     return computed(() => this.makeReplacements(this.activeMessages[key], replacements))

test/fixtures/lang/de.json

@@ -0,0 +1,4 @@
+{
+    "auth.arr.0": "foo",
+    "auth.arr.1": "bar"
+}

test/translate.test.ts

@@ -173,3 +173,17 @@ it('resolves translated data with loader if there is only .php files for that la
 
   expect(wrapper.html()).toBe('<h1>Ces identifiants ne correspondent pas à nos enregistrements.</h1>')
 })
+
+
+it('translates arrays with $t mixin', async () => {
+  const wrapper = await global.mountPlugin(`<h1 v-for="line in $t('auth.arr')">{{line}}</h1>`, 'de');
+
+  expect(wrapper.html()).toBe("<h1>foo</h1>\n<h1>bar</h1>")
+})
+
+it('translates arrays with "trans" helper', async () => {
+  await global.mountPlugin(undefined, 'de');
+
+  expect(trans('auth.arr')).toStrictEqual(['foo', 'bar']);
+})
+