fix: corecctly transform the resources that including array messages,…

… as array (#2147)

playground/locales/en.json

@@ -10,5 +10,6 @@
   },
   "welcome": "Welcome",
   "hello": "Hello {name} !",
-  "tag": "<p>Tag</p>"
+  "tag": "<p>Tag</p>",
+  "items": [{ "name": "apple" }, { "name": "banana" }, { "name": "strabelly" }]
 }

playground/locales/fr.json

@@ -9,5 +9,6 @@
     }
   },
   "welcome": "Bienvenue",
-  "hello": "Bonjour {name} !"
+  "hello": "Bonjour {name} !",
+  "items": []
 }

playground/pages/index.vue

@@ -5,7 +5,7 @@ import { computed } from 'vue'
 import { LocaleObject } from '#i18n'
 
 const route = useRoute()
-const { t, strategy, locale, locales, localeProperties, setLocale, defaultLocale, finalizePendingLocaleChange } = useI18n()
+const { t, rt, tm, strategy, locale, locales, localeProperties, setLocale, defaultLocale, finalizePendingLocaleChange } = useI18n()
 const localePath = useLocalePath()
 const switchLocalePath = useSwitchLocalePath()
 const getRouteBaseName = useRouteBaseName()
@@ -30,6 +30,11 @@ const availableLocales = computed(() => {
   return (locales.value as LocaleObject[]).filter(i => i.code !== locale.value)
 })
 
+const i = tm('items')
+console.log('items via tm', i, typeof i)
+const items = i.map(item => rt(item.name))
+console.log('items items', items)
+
 definePageMeta({
   title: 'pages.title.top',
   middleware: () => {
@@ -76,6 +81,10 @@ definePageMeta({
     </nav>
     <p>{{ $t('settings.profile') }}</p>
     <p>{{ $t('tag') }}</p>
+    <h3>Items</h3>
+    <div v-for="item in items">
+      <p>{{ item }}</p>
+    </div>
   </div>
 </template>
 

playground/vue-i18n.options.ts

@@ -9,7 +9,8 @@ export default defineI18nConfig(() => ({
       bar: {
         buz: 'こんにちは！{name}!',
         fn: ({ named }: any) => `こんにちは！${named('name')}!`
-      }
+      },
+      items: [{ name: 'りんご' }, { name: 'バナナ' }, { name: 'いちご' }]
     },
     fr
   },

src/runtime/internal.ts

@@ -97,8 +97,21 @@ export function parseAcceptLanguage(input: string): string[] {
 
 function deepCopy(src: Record<string, any>, des: Record<string, any>, predicate?: (src: any, des: any) => boolean) {
   for (const key in src) {
-    if (isObject(src[key])) {
-      if (!isObject(des[key])) des[key] = {}
+    if (isArray(src[key])) {
+      if (!isArray(des[key])) {
+        des[key] = []
+      }
+      ;(src[key] as any[]).forEach((item, index) => {
+        if (!des[key][index]) {
+          const desItem = {}
+          deepCopy(item, desItem, predicate)
+          des[key].push(desItem)
+        }
+      })
+    } else if (isObject(src[key])) {
+      if (!isObject(des[key])) {
+        des[key] = {}
+      }
       deepCopy(src[key], des[key], predicate)
     } else {
       if (predicate) {