@intlify/unplugin-vue-i18n 6.0.3 → 7.0.0-beta.1

package/README.md

@@ -59,6 +59,25 @@ module.exports = {
 
 <br></details>
 
+<details>
+<summary>Rspack</summary><br>
+
+```ts
+const VueI18nPlugin = require('@intlify/unplugin-vue-i18n/rspack')
+
+// rspack.config.js
+module.exports = {
+  /* ... */
+  plugins: [
+    VueI18nPlugin({
+      /* options */
+    })
+  ]
+}
+```
+
+<br></details>
+
 <details>
 <summary>Nuxt</summary><br>
 
@@ -280,11 +299,17 @@ About details, See the [here](https://vue-i18n.intlify.dev/guide/advanced/optimi
 
   If nothing is specified for this option, i.e. `undefined`, nothing is done to the resource in the above format.
 
-> [!WARNING] > `json` resources matches this option, it will be handled **before the internal json plugin of bundler, and will not be processed afterwards**, else the option doesn't match, the bundler side will handle.
+> [!WARNING]
+>
+> `json` resources matches this option, it will be handled **before the internal json plugin of bundler, and will not be processed afterwards**, else the option doesn't match, the bundler side will handle.
 
-> [!WARNING] > `yaml` resources don't support multi documentation with `|`, alias with `&` and `*`, tags with `! `, `@`, etc. Only simple data structures.
+> [!WARNING]
+>
+> `yaml` resources don't support multi documentation with `|`, alias with `&` and `*`, tags with `! `, `@`, etc. Only simple data structures.
 
-> [!WARNING] > `js` and `ts` resources are set **simple export (`export default`) as locale messages object, as default**.
+> [!WARNING]
+>
+> `js` and `ts` resources are set **simple export (`export default`) as locale messages object, as default**.
 
 ```js
 export default {
@@ -303,22 +328,22 @@ If you need to use programmatically dynamic resource construction, you would be
 - **Type:** `string`
 - **Default:** `'vue-i18n'`
 
-  > [!NOTE]
-  > This options is supported from v5.1.0, and works with vue-i18n v10 and later.
+> [!NOTE]
+> This options is supported from v5.1.0, and works with vue-i18n v10 and later.
 
-  Bundle target vue-i18n module. You can specify either `‘vue-i18n’` or `‘petite-vue-i18n’`.
+Bundle target vue-i18n module. You can specify either `‘vue-i18n’` or `‘petite-vue-i18n’`.
 
-  The default is `'vue-i18n'`, and the following installed in node_modules will be bundled.
+The default is `'vue-i18n'`, and the following installed in node_modules will be bundled.
 
-  - development: `vue-i18n.esm-bundler.js`
-  - production: `vue-i18n.runtime.esm-bundler.js`
+- development: `vue-i18n.esm-bundler.js`
+- production: `vue-i18n.runtime.esm-bundler.js`
 
-  In the case of `‘petite-vue-i18n’`, the following installed in node_modules will be bundled.
+In the case of `‘petite-vue-i18n’`, the following installed in node_modules will be bundled.
 
-  - development: `petite-vue-i18n.esm-bundler.js`
-  - production: `petite-vue-i18n.runtime.esm-bundler.js`
+- development: `petite-vue-i18n.esm-bundler.js`
+- production: `petite-vue-i18n.runtime.esm-bundler.js`
 
-  If you are using petite-vue-i18n, you will need to set this value.
+If you are using petite-vue-i18n, you will need to set this value.
 
 ### `strictMessage`
 
@@ -360,7 +385,7 @@ If you need to use programmatically dynamic resource construction, you would be
   }
   ```
 
-  If you fetch some resources from the backend, the data **must be pre-compiled** for production. exmaple is [here](https://github.com/intlify/vue-i18n-next/tree/master/examples/backend).
+  If you fetch some resources from the backend, the data **must be pre-compiled** for production. example is [here](https://github.com/intlify/vue-i18n-next/tree/master/examples/backend).
 
 ### `jitCompilation`
 
@@ -368,15 +393,15 @@ If you need to use programmatically dynamic resource construction, you would be
 - **Default:** `true`
 
 > [!IMPORTANT]
-> 'jitCompilation' option is deprected in v5.
+> 'jitCompilation' option is deprecated in v5.
 > This option will be supported with vue-i18n until v9 latest version.
 
-Whether locale mesages should be compiled by JIT (Just in Time) compilation with vue-i18n's message compiler.
+Whether locale messages should be compiled by JIT (Just in Time) compilation with vue-i18n's message compiler.
 
-JIT compilation has been supported since vue-i18n v9.3. This means that since v9 was released until now, the message compiler compiles to executable JavaScript code, however it did not work in the CSP environment. Also, since this was an AOT (Ahead of Time) compilation, it was not possible to dynamically retrieve locale messages from the back-end Database and compose locale mesages with programatic.
+JIT compilation has been supported since vue-i18n v9.3. This means that since v9 was released until now, the message compiler compiles to executable JavaScript code, however it did not work in the CSP environment. Also, since this was an AOT (Ahead of Time) compilation, it was not possible to dynamically retrieve locale messages from the back-end Database and compose locale messages with programmatic.
 
 > [!WARNING]
-> Enabling JIT compilation causes the message compiler to generate AST objects for locale mesages instead of JavaScript code. If you pre-compile locale messages with a tool such as the [Intlify CLI](https://github.com/intlify/cli) and import them dynamically, you need to rebuild that resource.
+> Enabling JIT compilation causes the message compiler to generate AST objects for locale messages instead of JavaScript code. If you pre-compile locale messages with a tool such as the [Intlify CLI](https://github.com/intlify/cli) and import them dynamically, you need to rebuild that resource.
 
 About JIT compilation, See [here](https://vue-i18n.intlify.dev/guide/advanced/optimization.html#jit-compilation)
 
@@ -418,6 +443,7 @@ If do you will use this option, you need to enable `jitCompilation` option.
   ```
   - vite config: `resolve.alias`
   - webpack config: `resolve.alias`
+  - rspack config: `resolve.alias`
   ```
 
   If `false` is specified, Vue I18n (vue-i18n) package.json `module` field will be used.
@@ -433,6 +459,9 @@ If do you will use this option, you need to enable `jitCompilation` option.
 
   For more details, See [here](https://vue-i18n.intlify.dev/guide/advanced/optimization.html#reduce-bundle-size-with-feature-build-flags)
 
+> [!CAUTION]
+> This option will be removed in v7
+
 ### `fullInstall`
 
 - **Type:** `boolean`
@@ -440,7 +469,7 @@ If do you will use this option, you need to enable `jitCompilation` option.
 
   Whether to install the full set of APIs, components, etc. provided by Vue I18n. By default, all of them will be installed.
 
-  If `false` is specified, **buld-in components and directive will not be installed in vue and will be tree-shaken.**
+  If `false` is specified, **build-in components and directive will not be installed in vue and will be tree-shaken.**
 
   For more details, See [here](https://vue-i18n.intlify.dev/guide/advanced/optimization.html#reduce-bundle-size-with-feature-build-flags)
 
@@ -597,8 +626,10 @@ If do you will use this option, you need to enable `jitCompilation` option.
 
   This option that to use i18n custom blocks in `vue-class-component`.
 
-  > [!IMPORTANT] > `useClassComponent` option is deprecated in v5.
-  > This option will be supported with vue-i18n until v9 latest version.
+> [!IMPORTANT]
+>
+> `useClassComponent` option is deprecated in v5.
+> This option will be supported with vue-i18n until v9 latest version.
 
 ### `onlyLocales`
 
@@ -614,10 +645,12 @@ If do you will use this option, you need to enable `jitCompilation` option.
 
   Whether to use the import name of `petite-vue-i18n` with the same import name as vue-i18n (`import { xxx } from 'vue-i18n'`).
 
-  This option allows a smooth migration from `petite-vue-i18n` to `vue-i18n` and allows progressive enhacement.
+  This option allows a smooth migration from `petite-vue-i18n` to `vue-i18n` and allows progressive enhancement.
 
-  > [!IMPORTANT] > `useVueI18nImportName` option is deprecated in v5.
-  > This option will be supported with vue-i18n until v9 latest version.
+> [!IMPORTANT]
+>
+> `useVueI18nImportName` option is deprecated in v5.
+> This option will be supported with vue-i18n until v9 latest version.
 
 ### `optimizeTranslationDirective`
 
@@ -628,8 +661,8 @@ If do you will use this option, you need to enable `jitCompilation` option.
 
   If you want to put it manually, you can specify the signature of the translation function as a string or a string array.
 
-  > [!WARNING]
-  > About for manually signature, see the details [vue-i18n-extensions API docs](https://github.com/intlify/vue-i18n-extensions/blob/next/docs/%40intlify/vue-i18n-extensions-api.md#translationsignatures) and [usecase from vue-i18n-extensions PR](https://github.com/intlify/vue-i18n-extensions/pull/217/files#diff-3fb9543f91e011d4b0dc9beff44082fe1a99c9eab70c1afab23c3c34352b7c38R121-R200)
+> [!WARNING]
+> About for manually signature, see the details [vue-i18n-extensions API docs](https://github.com/intlify/vue-i18n-extensions/blob/next/docs/%40intlify/vue-i18n-extensions-api.md#translationsignatures) and [usecase from vue-i18n-extensions PR](https://github.com/intlify/vue-i18n-extensions/pull/217/files#diff-3fb9543f91e011d4b0dc9beff44082fe1a99c9eab70c1afab23c3c34352b7c38R121-R200)
 
 ### `transformI18nBlock`
 
@@ -681,8 +714,8 @@ If do you will use this option, you need to enable `jitCompilation` option.
   </i18n>
   ```
 
-  > [!IMPORTANT]
-  > The function **must** return a string or the build will fail.
+> [!IMPORTANT]
+> The function **must** return a string or the build will fail.
 
 ## 📜 Changelog
 

package/lib/index.cjs

@@ -84,7 +84,6 @@ function resolveOptions(options) {
   const globalSFCScope = !!options.globalSFCScope;
   const runtimeOnly = shared.isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   const dropMessageCompiler = !!options.dropMessageCompiler;
-  const compositionOnly = moduleType === "vue-i18n" ? shared.isBoolean(options.compositionOnly) ? options.compositionOnly : true : true;
   const fullInstall = moduleType === "vue-i18n" ? shared.isBoolean(options.fullInstall) ? options.fullInstall : true : false;
   const ssrBuild = !!options.ssr;
   const allowDynamic = !!options.allowDynamic;
@@ -103,7 +102,6 @@ function resolveOptions(options) {
     globalSFCScope,
     runtimeOnly,
     dropMessageCompiler,
-    compositionOnly,
     fullInstall,
     ssrBuild,
     allowDynamic,
@@ -193,7 +191,6 @@ function resourcePlugin({
   globalSFCScope,
   runtimeOnly,
   dropMessageCompiler,
-  compositionOnly,
   fullInstall,
   ssrBuild,
   strictMessage,
@@ -203,7 +200,7 @@ function resourcePlugin({
 }, meta) {
   const filter = pluginutils.createFilter(include, exclude);
   const getVueI18nAliasPath = ({ ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
-    return `${module}/dist/${module}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
+    return `${module}/dist/${module}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.js"}`;
   };
   let isProduction = false;
   let sourceMap = false;
@@ -228,7 +225,6 @@ function resourcePlugin({
       config() {
         const defineConfig = {
           define: {
-            __VUE_I18N_LEGACY_API__: !compositionOnly,
             __VUE_I18N_FULL_INSTALL__: fullInstall,
             __INTLIFY_DROP_MESSAGE_COMPILER__: dropMessageCompiler,
             __VUE_I18N_PROD_DEVTOOLS__: false
@@ -335,47 +331,30 @@ function resourcePlugin({
       }
     },
     webpack(compiler) {
-      isProduction = compiler.options.mode !== "development";
-      sourceMap = !!compiler.options.devtool;
-      debug$2(`webpack: isProduction = ${isProduction}, sourceMap = ${sourceMap}`);
-      compiler.options.resolve = normalizeConfigResolveAlias(
-        compiler.options.resolve,
-        meta.framework
-      );
-      compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
-        ssr: ssrBuild,
-        runtimeOnly
+      webpackLike(compiler, "webpack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      debug$2(
-        `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
-          ssr: ssrBuild,
-          runtimeOnly
-        })}`
-      );
-      loadWebpack().then((webpack) => {
-        if (webpack) {
-          compiler.options.plugins.push(
-            new webpack.DefinePlugin({
-              __VUE_I18N_LEGACY_API__: JSON.stringify(compositionOnly),
-              __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
-              __INTLIFY_PROD_DEVTOOLS__: "false"
-            })
-          );
-          debug$2(`set __VUE_I18N_LEGACY_API__ is '${compositionOnly}'`);
-          debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
-        } else {
-          debug$2("ignore vue-i18n feature flags with webpack.DefinePlugin");
-        }
+    },
+    rspack(compiler) {
+      webpackLike(compiler, "rspack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      if (compiler.options.module) {
-        compiler.options.module.rules.push({
-          test: /\.(json5?|ya?ml)$/,
-          type: "javascript/auto",
-          include(resource) {
-            return filter(resource);
-          }
-        });
-      }
     },
     resolveId(id, importer) {
       debug$2("resolveId", id, importer);
@@ -383,6 +362,9 @@ function resourcePlugin({
         return asVirtualId(id, meta.framework);
       }
     },
+    loadInclude(id) {
+      return INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework);
+    },
     async load(id) {
       debug$2("load", id);
       if (INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework) && include) {
@@ -514,34 +496,99 @@ function resourcePlugin({
 function getGenerator(ext, defaultGen = bundleUtils.generateJSON) {
   return /\.?json5?$/.test(ext) ? bundleUtils.generateJSON : /\.ya?ml$/.test(ext) ? bundleUtils.generateYAML : /\.([c|m]?js|[c|m]?ts)$/.test(ext) ? bundleUtils.generateJavaScript : defaultGen;
 }
+function webpackLike(compiler, framework, {
+  isProduction,
+  sourceMap,
+  meta,
+  getVueI18nAliasPath,
+  vueI18nAliasName,
+  ssrBuild,
+  runtimeOnly,
+  fullInstall,
+  filter
+}) {
+  isProduction = compiler.options.mode !== "development";
+  sourceMap = !!compiler.options.devtool;
+  debug$2(
+    `${framework}: isProduction = ${isProduction}, sourceMap = ${sourceMap}`
+  );
+  compiler.options.resolve = normalizeConfigResolveAlias(
+    compiler.options.resolve,
+    meta.framework
+  );
+  compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
+    ssr: ssrBuild,
+    runtimeOnly
+  });
+  debug$2(
+    `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
+      ssr: ssrBuild,
+      runtimeOnly
+    })}`
+  );
+  const loader = framework === "webpack" ? loadWebpack : loadRspack;
+  loader().then((mod) => {
+    if (mod) {
+      compiler.options.plugins.push(
+        // @ts-expect-error type issue
+        new mod.DefinePlugin({
+          __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
+          __INTLIFY_PROD_DEVTOOLS__: "false"
+        })
+      );
+      debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
+    } else {
+      debug$2(`ignore vue-i18n feature flags with ${framework}.DefinePlugin`);
+    }
+  });
+  if (compiler.options.module) {
+    compiler.options.module.rules.push({
+      test: /\.(json5?|ya?ml)$/,
+      type: "javascript/auto",
+      include(resource) {
+        return filter(resource);
+      }
+    });
+  }
+}
 function normalizeConfigResolveAlias(resolve, framework) {
   if (resolve && resolve.alias) {
     return resolve;
   }
+  const webpackLike2 = framework === "webpack" || framework === "rspack";
   if (!resolve) {
     if (framework === "vite") {
       return { alias: [] };
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       return { alias: {} };
     }
   } else if (!resolve.alias) {
     if (framework === "vite") {
       resolve.alias = [];
       return resolve;
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       resolve.alias = {};
       return resolve;
     }
   }
 }
 async function loadWebpack() {
-  let webpack = null;
   try {
-    webpack = await import('webpack').then((m) => m.default || m);
+    const mod = await import('webpack');
+    return mod.default || mod;
   } catch (_e) {
     warn(`webpack not found, please install webpack.`);
   }
-  return webpack;
+  return null;
+}
+async function loadRspack() {
+  try {
+    const { rspack } = await import('@rspack/core');
+    return rspack;
+  } catch (_e) {
+    warn(`rspack not found, please install rspack.`);
+  }
+  return null;
 }
 async function generateBundleResources(resources, isProduction, {
   forceStringify = false,
@@ -603,9 +650,9 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
   if (!shared.isNumber(index)) {
     raiseError(`unexpected index: ${index}`);
   }
-  if (framework === "webpack") {
+  if (framework === "webpack" || framework === "rspack") {
     if (issuerPath) {
-      debug$2(`getCode (webpack) ${index} via issuerPath`, issuerPath);
+      debug$2(`getCode (${framework}) ${index} via issuerPath`, issuerPath);
       return await getRaw(filename);
     } else {
       const result = parser(await getRaw(filename), {
@@ -615,7 +662,7 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
       const block = result.descriptor.customBlocks[index];
       if (block) {
         const code = block.src ? await getRaw(block.src) : block.content;
-        debug$2(`getCode (webpack) ${index} from SFC`, code);
+        debug$2(`getCode (${framework}) ${index} from SFC`, code);
         return code;
       } else {
         return source;
@@ -974,17 +1021,17 @@ function resolveIdentifier(localVariables, returnVariable) {
 const debug = createDebug__default(resolveNamespace("root"));
 const unpluginFactory = (options = {}, meta) => {
   debug("meta framework", meta.framework);
-  if (!["vite", "webpack"].includes(meta.framework)) {
-    raiseError(`This plugin is supported 'vite' and 'webpack' only`);
+  if (!["vite", "webpack", "rspack"].includes(meta.framework)) {
+    raiseError(`This plugin is supported 'vite', 'webpack' and 'rspack' only`);
   }
   debug("plugin options (resolving):", options);
   const resolvedOptions = resolveOptions(options);
   debug("plugin options (resolved):", resolvedOptions);
   const plugins = [resourcePlugin(resolvedOptions, meta)];
   if (resolvedOptions.optimizeTranslationDirective) {
-    if (meta.framework === "webpack") {
+    if (meta.framework === "webpack" || meta.framework === "rspack") {
       raiseError(
-        `The 'optimizeTranslationDirective' option still is not supported for webpack.
+        `The 'optimizeTranslationDirective' option still is not supported for ${meta.framework}.
 We are waiting for your Pull Request \u{1F642}.`
       );
     }

package/lib/index.mjs

@@ -72,7 +72,6 @@ function resolveOptions(options) {
   const globalSFCScope = !!options.globalSFCScope;
   const runtimeOnly = isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   const dropMessageCompiler = !!options.dropMessageCompiler;
-  const compositionOnly = moduleType === "vue-i18n" ? isBoolean(options.compositionOnly) ? options.compositionOnly : true : true;
   const fullInstall = moduleType === "vue-i18n" ? isBoolean(options.fullInstall) ? options.fullInstall : true : false;
   const ssrBuild = !!options.ssr;
   const allowDynamic = !!options.allowDynamic;
@@ -91,7 +90,6 @@ function resolveOptions(options) {
     globalSFCScope,
     runtimeOnly,
     dropMessageCompiler,
-    compositionOnly,
     fullInstall,
     ssrBuild,
     allowDynamic,
@@ -181,7 +179,6 @@ function resourcePlugin({
   globalSFCScope,
   runtimeOnly,
   dropMessageCompiler,
-  compositionOnly,
   fullInstall,
   ssrBuild,
   strictMessage,
@@ -191,7 +188,7 @@ function resourcePlugin({
 }, meta) {
   const filter = createFilter(include, exclude);
   const getVueI18nAliasPath = ({ ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
-    return `${module}/dist/${module}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
+    return `${module}/dist/${module}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.js"}`;
   };
   let isProduction = false;
   let sourceMap = false;
@@ -216,7 +213,6 @@ function resourcePlugin({
       config() {
         const defineConfig = {
           define: {
-            __VUE_I18N_LEGACY_API__: !compositionOnly,
             __VUE_I18N_FULL_INSTALL__: fullInstall,
             __INTLIFY_DROP_MESSAGE_COMPILER__: dropMessageCompiler,
             __VUE_I18N_PROD_DEVTOOLS__: false
@@ -323,47 +319,30 @@ function resourcePlugin({
       }
     },
     webpack(compiler) {
-      isProduction = compiler.options.mode !== "development";
-      sourceMap = !!compiler.options.devtool;
-      debug$2(`webpack: isProduction = ${isProduction}, sourceMap = ${sourceMap}`);
-      compiler.options.resolve = normalizeConfigResolveAlias(
-        compiler.options.resolve,
-        meta.framework
-      );
-      compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
-        ssr: ssrBuild,
-        runtimeOnly
+      webpackLike(compiler, "webpack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      debug$2(
-        `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
-          ssr: ssrBuild,
-          runtimeOnly
-        })}`
-      );
-      loadWebpack().then((webpack) => {
-        if (webpack) {
-          compiler.options.plugins.push(
-            new webpack.DefinePlugin({
-              __VUE_I18N_LEGACY_API__: JSON.stringify(compositionOnly),
-              __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
-              __INTLIFY_PROD_DEVTOOLS__: "false"
-            })
-          );
-          debug$2(`set __VUE_I18N_LEGACY_API__ is '${compositionOnly}'`);
-          debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
-        } else {
-          debug$2("ignore vue-i18n feature flags with webpack.DefinePlugin");
-        }
+    },
+    rspack(compiler) {
+      webpackLike(compiler, "rspack", {
+        isProduction,
+        meta,
+        sourceMap,
+        getVueI18nAliasPath,
+        vueI18nAliasName,
+        ssrBuild,
+        runtimeOnly,
+        fullInstall,
+        filter
       });
-      if (compiler.options.module) {
-        compiler.options.module.rules.push({
-          test: /\.(json5?|ya?ml)$/,
-          type: "javascript/auto",
-          include(resource) {
-            return filter(resource);
-          }
-        });
-      }
     },
     resolveId(id, importer) {
       debug$2("resolveId", id, importer);
@@ -371,6 +350,9 @@ function resourcePlugin({
         return asVirtualId(id, meta.framework);
       }
     },
+    loadInclude(id) {
+      return INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework);
+    },
     async load(id) {
       debug$2("load", id);
       if (INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework) && include) {
@@ -502,34 +484,99 @@ function resourcePlugin({
 function getGenerator(ext, defaultGen = generateJSON) {
   return /\.?json5?$/.test(ext) ? generateJSON : /\.ya?ml$/.test(ext) ? generateYAML : /\.([c|m]?js|[c|m]?ts)$/.test(ext) ? generateJavaScript : defaultGen;
 }
+function webpackLike(compiler, framework, {
+  isProduction,
+  sourceMap,
+  meta,
+  getVueI18nAliasPath,
+  vueI18nAliasName,
+  ssrBuild,
+  runtimeOnly,
+  fullInstall,
+  filter
+}) {
+  isProduction = compiler.options.mode !== "development";
+  sourceMap = !!compiler.options.devtool;
+  debug$2(
+    `${framework}: isProduction = ${isProduction}, sourceMap = ${sourceMap}`
+  );
+  compiler.options.resolve = normalizeConfigResolveAlias(
+    compiler.options.resolve,
+    meta.framework
+  );
+  compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
+    ssr: ssrBuild,
+    runtimeOnly
+  });
+  debug$2(
+    `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
+      ssr: ssrBuild,
+      runtimeOnly
+    })}`
+  );
+  const loader = framework === "webpack" ? loadWebpack : loadRspack;
+  loader().then((mod) => {
+    if (mod) {
+      compiler.options.plugins.push(
+        // @ts-expect-error type issue
+        new mod.DefinePlugin({
+          __VUE_I18N_FULL_INSTALL__: JSON.stringify(fullInstall),
+          __INTLIFY_PROD_DEVTOOLS__: "false"
+        })
+      );
+      debug$2(`set __VUE_I18N_FULL_INSTALL__ is '${fullInstall}'`);
+    } else {
+      debug$2(`ignore vue-i18n feature flags with ${framework}.DefinePlugin`);
+    }
+  });
+  if (compiler.options.module) {
+    compiler.options.module.rules.push({
+      test: /\.(json5?|ya?ml)$/,
+      type: "javascript/auto",
+      include(resource) {
+        return filter(resource);
+      }
+    });
+  }
+}
 function normalizeConfigResolveAlias(resolve, framework) {
   if (resolve && resolve.alias) {
     return resolve;
   }
+  const webpackLike2 = framework === "webpack" || framework === "rspack";
   if (!resolve) {
     if (framework === "vite") {
       return { alias: [] };
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       return { alias: {} };
     }
   } else if (!resolve.alias) {
     if (framework === "vite") {
       resolve.alias = [];
       return resolve;
-    } else if (framework === "webpack") {
+    } else if (webpackLike2) {
       resolve.alias = {};
       return resolve;
     }
   }
 }
 async function loadWebpack() {
-  let webpack = null;
   try {
-    webpack = await import('webpack').then((m) => m.default || m);
+    const mod = await import('webpack');
+    return mod.default || mod;
   } catch (_e) {
     warn(`webpack not found, please install webpack.`);
   }
-  return webpack;
+  return null;
+}
+async function loadRspack() {
+  try {
+    const { rspack } = await import('@rspack/core');
+    return rspack;
+  } catch (_e) {
+    warn(`rspack not found, please install rspack.`);
+  }
+  return null;
 }
 async function generateBundleResources(resources, isProduction, {
   forceStringify = false,
@@ -591,9 +638,9 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
   if (!isNumber(index)) {
     raiseError(`unexpected index: ${index}`);
   }
-  if (framework === "webpack") {
+  if (framework === "webpack" || framework === "rspack") {
     if (issuerPath) {
-      debug$2(`getCode (webpack) ${index} via issuerPath`, issuerPath);
+      debug$2(`getCode (${framework}) ${index} via issuerPath`, issuerPath);
       return await getRaw(filename);
     } else {
       const result = parser(await getRaw(filename), {
@@ -603,7 +650,7 @@ async function getCode(source, filename, sourceMap, query, parser, framework = "
       const block = result.descriptor.customBlocks[index];
       if (block) {
         const code = block.src ? await getRaw(block.src) : block.content;
-        debug$2(`getCode (webpack) ${index} from SFC`, code);
+        debug$2(`getCode (${framework}) ${index} from SFC`, code);
         return code;
       } else {
         return source;
@@ -962,17 +1009,17 @@ function resolveIdentifier(localVariables, returnVariable) {
 const debug = createDebug(resolveNamespace("root"));
 const unpluginFactory = (options = {}, meta) => {
   debug("meta framework", meta.framework);
-  if (!["vite", "webpack"].includes(meta.framework)) {
-    raiseError(`This plugin is supported 'vite' and 'webpack' only`);
+  if (!["vite", "webpack", "rspack"].includes(meta.framework)) {
+    raiseError(`This plugin is supported 'vite', 'webpack' and 'rspack' only`);
   }
   debug("plugin options (resolving):", options);
   const resolvedOptions = resolveOptions(options);
   debug("plugin options (resolved):", resolvedOptions);
   const plugins = [resourcePlugin(resolvedOptions, meta)];
   if (resolvedOptions.optimizeTranslationDirective) {
-    if (meta.framework === "webpack") {
+    if (meta.framework === "webpack" || meta.framework === "rspack") {
       raiseError(
-        `The 'optimizeTranslationDirective' option still is not supported for webpack.
+        `The 'optimizeTranslationDirective' option still is not supported for ${meta.framework}.
 We are waiting for your Pull Request \u{1F642}.`
       );
     }

package/lib/rspack.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const unplugin = require('unplugin');
+const index = require('./index.cjs');
+require('debug');
+require('picocolors');
+require('node:path');
+require('pathe');
+require('@intlify/shared');
+require('@intlify/bundle-utils');
+require('@rollup/pluginutils');
+require('fast-glob');
+require('node:fs');
+require('vue/compiler-sfc');
+require('@intlify/vue-i18n-extensions');
+require('@typescript-eslint/scope-manager');
+require('@typescript-eslint/typescript-estree');
+require('@eslint-community/eslint-utils');
+
+const rspack = unplugin.createRspackPlugin(index.unpluginFactory);
+
+module.exports = rspack;

package/lib/rspack.d.cts

@@ -0,0 +1,6 @@
+import { UnpluginInstance } from 'unplugin';
+import { PluginOptions } from './types.cjs';
+
+declare const rspack: UnpluginInstance<PluginOptions | undefined, boolean>['rspack'];
+
+export = rspack;

package/lib/rspack.d.mts

@@ -0,0 +1,6 @@
+import { UnpluginInstance } from 'unplugin';
+import { PluginOptions } from './types.mjs';
+
+declare const rspack: UnpluginInstance<PluginOptions | undefined, boolean>['rspack'];
+
+export { rspack as default };

package/lib/rspack.d.ts

@@ -0,0 +1,6 @@
+import { UnpluginInstance } from 'unplugin';
+import { PluginOptions } from './types.js';
+
+declare const rspack: UnpluginInstance<PluginOptions | undefined, boolean>['rspack'];
+
+export = rspack;

package/lib/rspack.mjs

@@ -0,0 +1,20 @@
+import { createRspackPlugin } from 'unplugin';
+import { unpluginFactory } from './index.mjs';
+import 'debug';
+import 'picocolors';
+import 'node:path';
+import 'pathe';
+import '@intlify/shared';
+import '@intlify/bundle-utils';
+import '@rollup/pluginutils';
+import 'fast-glob';
+import 'node:fs';
+import 'vue/compiler-sfc';
+import '@intlify/vue-i18n-extensions';
+import '@typescript-eslint/scope-manager';
+import '@typescript-eslint/typescript-estree';
+import '@eslint-community/eslint-utils';
+
+const rspack = createRspackPlugin(unpluginFactory);
+
+export { rspack as default };

package/lib/types.d.cts

@@ -7,7 +7,6 @@ interface PluginOptions {
     module?: VueI18nModule;
     dropMessageCompiler?: boolean;
     runtimeOnly?: boolean;
-    compositionOnly?: boolean;
     ssr?: boolean;
     fullInstall?: boolean;
     forceStringify?: boolean;

package/lib/types.d.mts

@@ -7,7 +7,6 @@ interface PluginOptions {
     module?: VueI18nModule;
     dropMessageCompiler?: boolean;
     runtimeOnly?: boolean;
-    compositionOnly?: boolean;
     ssr?: boolean;
     fullInstall?: boolean;
     forceStringify?: boolean;

package/lib/types.d.ts

@@ -7,7 +7,6 @@ interface PluginOptions {
     module?: VueI18nModule;
     dropMessageCompiler?: boolean;
     runtimeOnly?: boolean;
-    compositionOnly?: boolean;
     ssr?: boolean;
     fullInstall?: boolean;
     forceStringify?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
   "type": "module",
-  "version": "6.0.3",
+  "version": "7.0.0-beta.1",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -38,12 +38,12 @@
     "pathe": "^1.0.0",
     "picocolors": "^1.0.0",
     "source-map-js": "^1.0.2",
-    "unplugin": "^1.1.0",
+    "unplugin": "^2.2.0",
     "vue": "^3.4"
   },
   "devDependencies": {
-    "unbuild": "^2.0.0",
-    "@types/node": "^20.14.8"
+    "@types/node": "^20.14.8",
+    "unbuild": "^2.0.0"
   },
   "engines": {
     "node": ">= 18"
@@ -59,6 +59,7 @@
     "unplugin",
     "transform",
     "webpack",
+    "rspack",
     "vite",
     "vue",
     "vue-i18n"
@@ -80,6 +81,10 @@
       "import": "./lib/webpack.mjs",
       "require": "./lib/webpack.cjs"
     },
+    "./rspack": {
+      "import": "./lib/rspack.mjs",
+      "require": "./lib/rspack.cjs"
+    },
     "./types": {
       "import": {
         "types": "./lib/types.d.mts"

package/rspack.d.ts

@@ -0,0 +1 @@
+export { default } from './lib/rspack'