@intlify/unplugin-vue-i18n 1.4.0 → 1.5.0

package/README.md

@@ -225,6 +225,8 @@ export default defineConfig({
   ],
 })
 ```
+unplugin-vue-i18n will automatically merge locale files into `@intlify/unplugin-vue-i18n/messages`. This allows locales to be split across multiple files, for example `src/locales/fruits/en.json` and `src/locales/vegetables/en.json`.
+
 ### Types
 
 If you want type definition of `@intlify/unplugin-vue-i18n/messages`, add `unplugin-vue-i18n/messages` to `compilerOptions.types` of your tsconfig:

package/lib/index.cjs

@@ -629,10 +629,29 @@ async function generateBundleResources(resources, query, isProduction, {
       codes.push(`${JSON.stringify(name)}: ${code}`);
     }
   }
-  return `export default {
-  ${codes.join(`,
-`)}
-}`;
+  return `const isObject = (item) => item && typeof item === 'object' && !Array.isArray(item);
+
+const mergeDeep = (target, ...sources) => {
+  if (!sources.length) return target;
+  const source = sources.shift();
+
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        mergeDeep(target[key], source[key]);
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
+    }
+  }
+
+  return mergeDeep(target, ...sources);
+}
+
+export default mergeDeep({},
+  ${codes.map((code) => `{${code}}`).join(",\n")}
+);`;
 }
 async function getCode(source, filename, sourceMap, query, framework = "vite") {
   const { index, issuerPath } = query;

package/lib/index.mjs

@@ -617,10 +617,29 @@ async function generateBundleResources(resources, query, isProduction, {
       codes.push(`${JSON.stringify(name)}: ${code}`);
     }
   }
-  return `export default {
-  ${codes.join(`,
-`)}
-}`;
+  return `const isObject = (item) => item && typeof item === 'object' && !Array.isArray(item);
+
+const mergeDeep = (target, ...sources) => {
+  if (!sources.length) return target;
+  const source = sources.shift();
+
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        mergeDeep(target[key], source[key]);
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
+    }
+  }
+
+  return mergeDeep(target, ...sources);
+}
+
+export default mergeDeep({},
+  ${codes.map((code) => `{${code}}`).join(",\n")}
+);`;
 }
 async function getCode(source, filename, sourceMap, query, framework = "vite") {
   const { index, issuerPath } = query;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",