@intlify/unplugin-vue-i18n 11.2.6 → 11.2.7

package/README.md

@@ -238,6 +238,18 @@ 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`.
 
+> [!NOTE]
+> On v11, `@intlify/unplugin-vue-i18n/messages` bundles JSON and YAML resources only. JS / TS resources under `include` are left out of it, and the plugin warns about them. v12 bundles JS / TS resources too.
+
+To load JS / TS resources at once on v11, import them directly, or collect them with `import.meta.glob`:
+
+```ts
+const modules = import.meta.glob('./src/locales/*.{ts,js}', { eager: true, import: 'default' })
+const messages = Object.fromEntries(
+  Object.entries(modules).map(([path, m]) => [path.replace(/^.*\/|\.[jt]s$/g, ''), m])
+)
+```
+
 ### 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

@@ -178,7 +178,6 @@ const VIRTUAL_PREFIX = "virtual:";
 const RE_RESOURCE_FORMAT = /\.(json5?|ya?ml|[c|m]?[j|t]s)$/;
 const RE_SFC_I18N_CUSTOM_BLOCK = /\?vue&type=i18n/;
 const RE_SFC_I18N_WEBPACK_CUSTOM_BLOCK = /blockType=i18n/;
-const VITE_VIRTUAL_PREFIX = "virtual:intlify-i18n-";
 const debug$3 = createDebug__default(resolveNamespace("resource"));
 function resourcePlugin({
   onlyLocales,
@@ -204,7 +203,7 @@ function resourcePlugin({
   }
   function resolveIncludeExcludeForLegacy() {
     const customBlockInclude = meta.framework === "vite" ? RE_SFC_I18N_CUSTOM_BLOCK : RE_SFC_I18N_WEBPACK_CUSTOM_BLOCK;
-    return include ? [[...include, customBlockInclude], void 0] : [void 0, ["**/**"]];
+    return include ? [[...include, customBlockInclude], exclude] : [void 0, ["**/**"]];
   }
   let _filter = null;
   async function getFilter() {
@@ -229,28 +228,13 @@ function resourcePlugin({
   let isProduction = false;
   let sourceMap = false;
   let hasViteJsonPlugin = false;
+  let warnedScriptResources = false;
   const vueI18nAliasName = module;
   debug$3(`vue-i18n alias name: ${vueI18nAliasName}`);
   let vuePlugin = null;
   const getSfcParser = () => {
     return vuePlugin ? getVueCompiler(vuePlugin).parse : compilerSfc.parse;
   };
-  const virtualIdToRealPath = /* @__PURE__ */ new Map();
-  const realPathToVirtualId = /* @__PURE__ */ new Map();
-  let virtualCounter = 0;
-  function intlifyVirtualize(realPath) {
-    const normalized = pathe.normalize(realPath);
-    let virtualId = realPathToVirtualId.get(normalized);
-    if (!virtualId) {
-      virtualId = `${VITE_VIRTUAL_PREFIX}${virtualCounter++}`;
-      virtualIdToRealPath.set(virtualId, normalized);
-      realPathToVirtualId.set(normalized, virtualId);
-    }
-    return virtualId;
-  }
-  function isIntlifyVirtualId(id) {
-    return virtualIdToRealPath.has(id);
-  }
   return {
     name: resolveNamespace("resource"),
     /**
@@ -321,18 +305,12 @@ function resourcePlugin({
       },
       handleHotUpdate({ file, modules, server }) {
         const key = pathe.normalize(file);
-        const virtualId = realPathToVirtualId.get(key);
-        const inBundle = !!(include && pluginutils.createFilter(include, exclude)(key));
-        if (!virtualId && !inBundle) return;
+        if (!(include && pluginutils.createFilter(include, exclude)(key))) return;
         const affected = new Set(modules);
-        const addById = (id) => {
-          const mod = id && server.moduleGraph.getModuleById(id);
-          if (mod) affected.add(mod);
-        };
-        addById(virtualId);
-        if (inBundle) {
-          addById(asVirtualId(INTLIFY_BUNDLE_IMPORT_ID, meta.framework));
-        }
+        const mod = server.moduleGraph.getModuleById(
+          asVirtualId(INTLIFY_BUNDLE_IMPORT_ID, meta.framework)
+        );
+        if (mod) affected.add(mod);
         if (affected.size === modules.length) return;
         return [...affected];
       }
@@ -377,43 +355,15 @@ function resourcePlugin({
       }
     },
     resolveId: {
-      async handler(id, importer) {
+      async handler(id) {
         if (id === INTLIFY_BUNDLE_IMPORT_ID) {
           return asVirtualId(id, meta.framework);
         }
-        if (meta.framework === "vite" && !hasViteJsonPlugin) {
-          if (id.includes("?vue&type=i18n") && /[?&]lang\.(?:json|json5)(?:$|&)/.test(id)) {
-            const { filename, query } = parseVueRequest(id);
-            let virtualKey = id;
-            if (query.src && importer) {
-              const importerPath = (isIntlifyVirtualId(importer) ? virtualIdToRealPath.get(importer) : importer).split("?")[0];
-              if (importerPath.endsWith(".vue")) {
-                const resolvedSidecar = pathe.resolve(pathe.dirname(importerPath), filename);
-                virtualKey = id.replace(filename, resolvedSidecar);
-              }
-            }
-            return intlifyVirtualize(virtualKey);
-          }
-          const idPath = id.split("?")[0];
-          if (!/\.json5?$/.test(idPath)) return;
-          let resolvedPath;
-          if (idPath.startsWith(".")) {
-            const realImporter = importer && isIntlifyVirtualId(importer) ? virtualIdToRealPath.get(importer) : importer;
-            if (!realImporter) return;
-            resolvedPath = pathe.resolve(pathe.dirname(realImporter), idPath);
-          } else if (idPath.startsWith("/") || /^[a-z]:[/\\]/i.test(idPath)) {
-            resolvedPath = idPath;
-          } else {
-            return;
-          }
-          const filter = await getFilter();
-          if (!filter(resolvedPath)) return;
-          const stat = await node_fs.promises.stat(resolvedPath).catch(() => null);
-          if (!stat?.isFile()) return;
-          return intlifyVirtualize(resolvedPath);
-        }
       }
     },
+    loadInclude(id) {
+      return INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework);
+    },
     load: {
       async handler(id) {
         debug$3("load", id);
@@ -422,113 +372,60 @@ function resourcePlugin({
           for (const inc of include) {
             resourcePaths = [
               ...resourcePaths,
-              ...await tinyglobby.glob(inc, { cwd: process.cwd(), expandDirectories: false, absolute: true })
+              ...await tinyglobby.glob(inc, {
+                cwd: process.cwd(),
+                expandDirectories: false,
+                absolute: true,
+                ignore: exclude
+              })
             ];
           }
           resourcePaths = resourcePaths.filter((el, pos) => resourcePaths.indexOf(el) === pos);
+          if (!warnedScriptResources) {
+            const scripts = resourcePaths.filter((path) => /\.[cm]?[jt]s$/.test(path)).sort();
+            if (scripts.length > 0) {
+              warnedScriptResources = true;
+              const listed = scripts.slice(0, 10).map((path) => pathe.relative(process.cwd(), path));
+              const more = scripts.length > listed.length ? `, and ${scripts.length - listed.length} more` : "";
+              warn(
+                `JS / TS files under \`include\` are not bundled into \`${INTLIFY_BUNDLE_IMPORT_ID}\` (v11 bundles JSON / YAML only): ${listed.join(", ")}${more}. Import them directly, or collect them with \`import.meta.glob\`.`
+              );
+            }
+          }
+          for (const path of resourcePaths) {
+            if (/\.(?:json5?|ya?ml)$/.test(path)) {
+              this.addWatchFile(path);
+            }
+          }
           const code = await generateBundleResources(resourcePaths, isProduction, {
             forceStringify,
             strictMessage,
             escapeHtml,
             usedKeyFilter: collector ? (keyPath) => collector.shouldKeepKey(keyPath) : void 0
           });
-          return {
-            moduleType: "js",
-            code,
-            map: { mappings: "" }
-          };
-        }
-        if (isIntlifyVirtualId(id)) {
-          const realId = virtualIdToRealPath.get(id);
-          if (realId.includes("?vue&type=i18n")) {
-            const { filename, query } = parseVueRequest(realId);
-            let source;
-            if (query.src) {
-              this.addWatchFile(filename);
-              source = await node_fs.promises.readFile(filename, "utf-8");
-            } else {
-              this.addWatchFile(filename);
-              const sfcSource = await node_fs.promises.readFile(filename, "utf-8");
-              const { descriptor } = getSfcParser()(sfcSource, {
-                sourceMap,
-                filename
-              });
-              const block = descriptor.customBlocks[query.index];
-              if (!block) return;
-              source = block.content;
-            }
-            if (typeof transformI18nBlock === "function") {
-              const modifiedSource = transformI18nBlock(source);
-              if (modifiedSource && typeof modifiedSource === "string") {
-                source = modifiedSource;
-              } else {
-                warn("transformI18nBlock should return a string");
-              }
-            }
-            let langInfo2 = defaultSFCLang;
-            if (shared.isString(query.lang)) {
-              langInfo2 = query.src ? query.lang === "i18n" ? defaultSFCLang : query.lang : query.lang;
-            }
-            if (/\.?[cm]?[jt]s$/.test(langInfo2)) {
-              source = `export default ${source.replace(/^[\s;]+/, "")}`;
-            }
-            const generate2 = getGenerator(langInfo2, bundleUtils.generateYAML);
-            const isGlobalBlock = globalSFCScope || !!query.global;
-            const parseOptions2 = getOptions(
-              filename,
-              isProduction,
-              query,
-              sourceMap,
-              {
-                isGlobal: globalSFCScope,
-                allowDynamic,
-                jit: true,
-                strictMessage,
-                escapeHtml,
-                onlyLocales,
-                forceStringify,
-                usedKeyFilter: collector && isGlobalBlock ? (keyPath) => collector.shouldKeepKey(keyPath) : void 0
-              }
-            );
-            const { code: generatedCode2 } = await generate2(source, parseOptions2);
-            return {
-              moduleType: "js",
-              code: generatedCode2,
-              map: { mappings: "" }
-            };
+          if (meta.framework !== "vite") {
+            return { code };
           }
-          this.addWatchFile(realId);
-          const code = await node_fs.promises.readFile(realId, "utf-8");
-          const langInfo = pathe.parse(realId).ext;
-          const generate = getGenerator(langInfo);
-          const parseOptions = getOptions(
-            realId,
-            isProduction,
-            {},
-            sourceMap,
-            {
-              isGlobal: globalSFCScope,
-              allowDynamic,
-              strictMessage,
-              escapeHtml,
-              jit: true,
-              onlyLocales,
-              forceStringify,
-              usedKeyFilter: collector ? (keyPath) => collector.shouldKeepKey(keyPath) : void 0
-            }
-          );
-          const { code: generatedCode } = await generate(code, parseOptions);
           return {
             moduleType: "js",
-            code: generatedCode,
+            code,
             map: { mappings: "" }
           };
         }
       }
     },
+    // webpack puts the transform loader on every module this lets through. A loader in the chain
+    // stops html-webpack-plugin from rendering its template, and turns binary assets into UTF-8
+    // text, so let through only what `transform` handles (the same filter as the one in it)
+    transformInclude(id) {
+      if (meta.framework !== "webpack") {
+        return true;
+      }
+      _filter ??= pluginutils.createFilter(...resolveIncludeExclude());
+      return _filter(id);
+    },
     transform: {
       async handler(code, id) {
-        if (isIntlifyVirtualId(id)) return;
         const filter = await getFilter();
         if (!filter(id)) {
           return;
@@ -537,7 +434,7 @@ function resourcePlugin({
         debug$3("transform", id, JSON.stringify(query), filename);
         let langInfo = defaultSFCLang;
         let inSourceMap;
-        if (!query.vue) {
+        if (!query.vue && RE_RESOURCE_FORMAT.test(id)) {
           langInfo = pathe.parse(filename).ext;
           const generate = getGenerator(langInfo);
           const parseOptions = getOptions(
@@ -612,10 +509,7 @@ function resourcePlugin({
                 warn("transformI18nBlock should return a string");
               }
             }
-            if (/\.?[cm]?[jt]s$/.test(langInfo)) {
-              source = `export default ${source.replace(/^[\s;]+/, "")}`;
-            }
-            const { code: generatedCode, map } = await generate(source, parseOptions);
+            const { code: generatedCode, map } = /\.?[cm]?[jt]s$/.test(langInfo) ? await generateJsTsBlock(generate, source, parseOptions) : await generate(source, parseOptions);
             debug$3("generated code", generatedCode);
             debug$3("sourcemap", map, sourceMap);
             if (code === generatedCode) return;
@@ -646,6 +540,17 @@ function getGenerator(ext, fallback = bundleUtils.generateJSON) {
   }
   return fallback;
 }
+async function generateJsTsBlock(generate, source, options) {
+  try {
+    return await generate(source, options);
+  } catch (error2) {
+    try {
+      return await generate(`export default ${source.replace(/^[\s;]+/, "")}`, options);
+    } catch (wrappedError) {
+      throw /^\s*export\s+default\b/m.test(source) ? error2 : wrappedError;
+    }
+  }
+}
 function normalizeConfigResolveAlias(resolve2, framework) {
   if (resolve2 && resolve2.alias) {
     return resolve2;

package/lib/index.mjs

@@ -1,7 +1,7 @@
 import createDebug from 'debug';
 import { createUnplugin } from 'unplugin';
 import { isArray, isString, isBoolean, assign, isEmptyObject, isNumber, generateCodeFrame } from '@intlify/shared';
-import { normalize, parse, resolve, dirname } from 'pathe';
+import { normalize, parse, relative, resolve, dirname } from 'pathe';
 import { generateJSON, generateYAML, generateJavaScript, generateTypescript } from '@intlify/bundle-utils';
 import { createFilter } from '@rollup/pluginutils';
 import { promises } from 'node:fs';
@@ -168,7 +168,6 @@ const VIRTUAL_PREFIX = "virtual:";
 const RE_RESOURCE_FORMAT = /\.(json5?|ya?ml|[c|m]?[j|t]s)$/;
 const RE_SFC_I18N_CUSTOM_BLOCK = /\?vue&type=i18n/;
 const RE_SFC_I18N_WEBPACK_CUSTOM_BLOCK = /blockType=i18n/;
-const VITE_VIRTUAL_PREFIX = "virtual:intlify-i18n-";
 const debug$3 = createDebug(resolveNamespace("resource"));
 function resourcePlugin({
   onlyLocales,
@@ -194,7 +193,7 @@ function resourcePlugin({
   }
   function resolveIncludeExcludeForLegacy() {
     const customBlockInclude = meta.framework === "vite" ? RE_SFC_I18N_CUSTOM_BLOCK : RE_SFC_I18N_WEBPACK_CUSTOM_BLOCK;
-    return include ? [[...include, customBlockInclude], void 0] : [void 0, ["**/**"]];
+    return include ? [[...include, customBlockInclude], exclude] : [void 0, ["**/**"]];
   }
   let _filter = null;
   async function getFilter() {
@@ -219,28 +218,13 @@ function resourcePlugin({
   let isProduction = false;
   let sourceMap = false;
   let hasViteJsonPlugin = false;
+  let warnedScriptResources = false;
   const vueI18nAliasName = module;
   debug$3(`vue-i18n alias name: ${vueI18nAliasName}`);
   let vuePlugin = null;
   const getSfcParser = () => {
     return vuePlugin ? getVueCompiler(vuePlugin).parse : parse$1;
   };
-  const virtualIdToRealPath = /* @__PURE__ */ new Map();
-  const realPathToVirtualId = /* @__PURE__ */ new Map();
-  let virtualCounter = 0;
-  function intlifyVirtualize(realPath) {
-    const normalized = normalize(realPath);
-    let virtualId = realPathToVirtualId.get(normalized);
-    if (!virtualId) {
-      virtualId = `${VITE_VIRTUAL_PREFIX}${virtualCounter++}`;
-      virtualIdToRealPath.set(virtualId, normalized);
-      realPathToVirtualId.set(normalized, virtualId);
-    }
-    return virtualId;
-  }
-  function isIntlifyVirtualId(id) {
-    return virtualIdToRealPath.has(id);
-  }
   return {
     name: resolveNamespace("resource"),
     /**
@@ -311,18 +295,12 @@ function resourcePlugin({
       },
       handleHotUpdate({ file, modules, server }) {
         const key = normalize(file);
-        const virtualId = realPathToVirtualId.get(key);
-        const inBundle = !!(include && createFilter(include, exclude)(key));
-        if (!virtualId && !inBundle) return;
+        if (!(include && createFilter(include, exclude)(key))) return;
         const affected = new Set(modules);
-        const addById = (id) => {
-          const mod = id && server.moduleGraph.getModuleById(id);
-          if (mod) affected.add(mod);
-        };
-        addById(virtualId);
-        if (inBundle) {
-          addById(asVirtualId(INTLIFY_BUNDLE_IMPORT_ID, meta.framework));
-        }
+        const mod = server.moduleGraph.getModuleById(
+          asVirtualId(INTLIFY_BUNDLE_IMPORT_ID, meta.framework)
+        );
+        if (mod) affected.add(mod);
         if (affected.size === modules.length) return;
         return [...affected];
       }
@@ -367,43 +345,15 @@ function resourcePlugin({
       }
     },
     resolveId: {
-      async handler(id, importer) {
+      async handler(id) {
         if (id === INTLIFY_BUNDLE_IMPORT_ID) {
           return asVirtualId(id, meta.framework);
         }
-        if (meta.framework === "vite" && !hasViteJsonPlugin) {
-          if (id.includes("?vue&type=i18n") && /[?&]lang\.(?:json|json5)(?:$|&)/.test(id)) {
-            const { filename, query } = parseVueRequest(id);
-            let virtualKey = id;
-            if (query.src && importer) {
-              const importerPath = (isIntlifyVirtualId(importer) ? virtualIdToRealPath.get(importer) : importer).split("?")[0];
-              if (importerPath.endsWith(".vue")) {
-                const resolvedSidecar = resolve(dirname(importerPath), filename);
-                virtualKey = id.replace(filename, resolvedSidecar);
-              }
-            }
-            return intlifyVirtualize(virtualKey);
-          }
-          const idPath = id.split("?")[0];
-          if (!/\.json5?$/.test(idPath)) return;
-          let resolvedPath;
-          if (idPath.startsWith(".")) {
-            const realImporter = importer && isIntlifyVirtualId(importer) ? virtualIdToRealPath.get(importer) : importer;
-            if (!realImporter) return;
-            resolvedPath = resolve(dirname(realImporter), idPath);
-          } else if (idPath.startsWith("/") || /^[a-z]:[/\\]/i.test(idPath)) {
-            resolvedPath = idPath;
-          } else {
-            return;
-          }
-          const filter = await getFilter();
-          if (!filter(resolvedPath)) return;
-          const stat = await promises.stat(resolvedPath).catch(() => null);
-          if (!stat?.isFile()) return;
-          return intlifyVirtualize(resolvedPath);
-        }
       }
     },
+    loadInclude(id) {
+      return INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework);
+    },
     load: {
       async handler(id) {
         debug$3("load", id);
@@ -412,113 +362,60 @@ function resourcePlugin({
           for (const inc of include) {
             resourcePaths = [
               ...resourcePaths,
-              ...await glob(inc, { cwd: process.cwd(), expandDirectories: false, absolute: true })
+              ...await glob(inc, {
+                cwd: process.cwd(),
+                expandDirectories: false,
+                absolute: true,
+                ignore: exclude
+              })
             ];
           }
           resourcePaths = resourcePaths.filter((el, pos) => resourcePaths.indexOf(el) === pos);
+          if (!warnedScriptResources) {
+            const scripts = resourcePaths.filter((path) => /\.[cm]?[jt]s$/.test(path)).sort();
+            if (scripts.length > 0) {
+              warnedScriptResources = true;
+              const listed = scripts.slice(0, 10).map((path) => relative(process.cwd(), path));
+              const more = scripts.length > listed.length ? `, and ${scripts.length - listed.length} more` : "";
+              warn(
+                `JS / TS files under \`include\` are not bundled into \`${INTLIFY_BUNDLE_IMPORT_ID}\` (v11 bundles JSON / YAML only): ${listed.join(", ")}${more}. Import them directly, or collect them with \`import.meta.glob\`.`
+              );
+            }
+          }
+          for (const path of resourcePaths) {
+            if (/\.(?:json5?|ya?ml)$/.test(path)) {
+              this.addWatchFile(path);
+            }
+          }
           const code = await generateBundleResources(resourcePaths, isProduction, {
             forceStringify,
             strictMessage,
             escapeHtml,
             usedKeyFilter: collector ? (keyPath) => collector.shouldKeepKey(keyPath) : void 0
           });
-          return {
-            moduleType: "js",
-            code,
-            map: { mappings: "" }
-          };
-        }
-        if (isIntlifyVirtualId(id)) {
-          const realId = virtualIdToRealPath.get(id);
-          if (realId.includes("?vue&type=i18n")) {
-            const { filename, query } = parseVueRequest(realId);
-            let source;
-            if (query.src) {
-              this.addWatchFile(filename);
-              source = await promises.readFile(filename, "utf-8");
-            } else {
-              this.addWatchFile(filename);
-              const sfcSource = await promises.readFile(filename, "utf-8");
-              const { descriptor } = getSfcParser()(sfcSource, {
-                sourceMap,
-                filename
-              });
-              const block = descriptor.customBlocks[query.index];
-              if (!block) return;
-              source = block.content;
-            }
-            if (typeof transformI18nBlock === "function") {
-              const modifiedSource = transformI18nBlock(source);
-              if (modifiedSource && typeof modifiedSource === "string") {
-                source = modifiedSource;
-              } else {
-                warn("transformI18nBlock should return a string");
-              }
-            }
-            let langInfo2 = defaultSFCLang;
-            if (isString(query.lang)) {
-              langInfo2 = query.src ? query.lang === "i18n" ? defaultSFCLang : query.lang : query.lang;
-            }
-            if (/\.?[cm]?[jt]s$/.test(langInfo2)) {
-              source = `export default ${source.replace(/^[\s;]+/, "")}`;
-            }
-            const generate2 = getGenerator(langInfo2, generateYAML);
-            const isGlobalBlock = globalSFCScope || !!query.global;
-            const parseOptions2 = getOptions(
-              filename,
-              isProduction,
-              query,
-              sourceMap,
-              {
-                isGlobal: globalSFCScope,
-                allowDynamic,
-                jit: true,
-                strictMessage,
-                escapeHtml,
-                onlyLocales,
-                forceStringify,
-                usedKeyFilter: collector && isGlobalBlock ? (keyPath) => collector.shouldKeepKey(keyPath) : void 0
-              }
-            );
-            const { code: generatedCode2 } = await generate2(source, parseOptions2);
-            return {
-              moduleType: "js",
-              code: generatedCode2,
-              map: { mappings: "" }
-            };
+          if (meta.framework !== "vite") {
+            return { code };
           }
-          this.addWatchFile(realId);
-          const code = await promises.readFile(realId, "utf-8");
-          const langInfo = parse(realId).ext;
-          const generate = getGenerator(langInfo);
-          const parseOptions = getOptions(
-            realId,
-            isProduction,
-            {},
-            sourceMap,
-            {
-              isGlobal: globalSFCScope,
-              allowDynamic,
-              strictMessage,
-              escapeHtml,
-              jit: true,
-              onlyLocales,
-              forceStringify,
-              usedKeyFilter: collector ? (keyPath) => collector.shouldKeepKey(keyPath) : void 0
-            }
-          );
-          const { code: generatedCode } = await generate(code, parseOptions);
           return {
             moduleType: "js",
-            code: generatedCode,
+            code,
             map: { mappings: "" }
           };
         }
       }
     },
+    // webpack puts the transform loader on every module this lets through. A loader in the chain
+    // stops html-webpack-plugin from rendering its template, and turns binary assets into UTF-8
+    // text, so let through only what `transform` handles (the same filter as the one in it)
+    transformInclude(id) {
+      if (meta.framework !== "webpack") {
+        return true;
+      }
+      _filter ??= createFilter(...resolveIncludeExclude());
+      return _filter(id);
+    },
     transform: {
       async handler(code, id) {
-        if (isIntlifyVirtualId(id)) return;
         const filter = await getFilter();
         if (!filter(id)) {
           return;
@@ -527,7 +424,7 @@ function resourcePlugin({
         debug$3("transform", id, JSON.stringify(query), filename);
         let langInfo = defaultSFCLang;
         let inSourceMap;
-        if (!query.vue) {
+        if (!query.vue && RE_RESOURCE_FORMAT.test(id)) {
           langInfo = parse(filename).ext;
           const generate = getGenerator(langInfo);
           const parseOptions = getOptions(
@@ -602,10 +499,7 @@ function resourcePlugin({
                 warn("transformI18nBlock should return a string");
               }
             }
-            if (/\.?[cm]?[jt]s$/.test(langInfo)) {
-              source = `export default ${source.replace(/^[\s;]+/, "")}`;
-            }
-            const { code: generatedCode, map } = await generate(source, parseOptions);
+            const { code: generatedCode, map } = /\.?[cm]?[jt]s$/.test(langInfo) ? await generateJsTsBlock(generate, source, parseOptions) : await generate(source, parseOptions);
             debug$3("generated code", generatedCode);
             debug$3("sourcemap", map, sourceMap);
             if (code === generatedCode) return;
@@ -636,6 +530,17 @@ function getGenerator(ext, fallback = generateJSON) {
   }
   return fallback;
 }
+async function generateJsTsBlock(generate, source, options) {
+  try {
+    return await generate(source, options);
+  } catch (error2) {
+    try {
+      return await generate(`export default ${source.replace(/^[\s;]+/, "")}`, options);
+    } catch (wrappedError) {
+      throw /^\s*export\s+default\b/m.test(source) ? error2 : wrappedError;
+    }
+  }
+}
 function normalizeConfigResolveAlias(resolve2, framework) {
   if (resolve2 && resolve2.alias) {
     return resolve2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "11.2.6",
+  "version": "11.2.7",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -27,7 +27,7 @@
     }
   },
   "dependencies": {
-    "@intlify/shared": "~11.4.2",
+    "@intlify/shared": "~11.4.15",
     "@intlify/vue-i18n-extensions": "^8.0.0",
     "@rollup/pluginutils": "^5.1.0",
     "@typescript-eslint/scope-manager": "^8.13.0",
@@ -38,7 +38,7 @@
     "tinyglobby": "^0.2.15",
     "unplugin": "^2.3.4",
     "vue": "~3.5.34",
-    "@intlify/bundle-utils": "11.2.6"
+    "@intlify/bundle-utils": "11.2.7"
   },
   "devDependencies": {
     "@intlify/core-base": "next",
@@ -54,6 +54,7 @@
     "unbuild": "^3.6.1",
     "vite": "^8.0.0",
     "rollup-vite": "npm:vite@6.3.5",
+    "vite7": "npm:vite@^7.0.0",
     "vue-loader": "~17.4.2",
     "webpack": "~5.106.2",
     "webpack-merge": "^5.9.0"