@intlify/unplugin-vue-i18n 4.0.0 → 5.0.0-beta.1

package/README.md

@@ -353,13 +353,11 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
 - **Default:** `true`
 
 > [!IMPORTANT]
-  'jitCompilation' option now defaults to `true` from 3.0.
+  'jitCompilation' option is deprected 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.
 
-> [!NOTE]
-  This option works with vue-i18n v9.3 and later.
-
   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.
 
 > [!WARNING]
@@ -376,6 +374,9 @@ Whether to tree-shake message compiler when we will be bundling.
 
 If do you will use this option, you need to enable `jitCompilation` option.
 
+> [NOTE]
+> After v5 or later, this option can be set with or without `jitCompilation`.
+
 > [!NOTE]
   This option works with vue-i18n v9.3 and later.
 
@@ -546,6 +547,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.
+
 ### `onlyLocales`
 
 - **Type:** `string | string[]`
@@ -562,6 +567,9 @@ If do you will use this option, you need to enable `jitCompilation` option.
 
   This option allows a smooth migration from `petite-vue-i18n` to `vue-i18n` and allows progressive enhacement.
 
+  > [!IMPORTANT]
+  `useVueI18nImportName` option is deprecated in v5.
+  This option will be supported with vue-i18n until v9 latest version.
 
 ## 📜 Changelog
 

package/lib/index.cjs

@@ -10,14 +10,20 @@ const shared = require('@intlify/shared');
 const pluginutils = require('@rollup/pluginutils');
 const bundleUtils = require('@intlify/bundle-utils');
 const compilerSfc = require('@vue/compiler-sfc');
-const fs = require('fs');
+const fs = require('node:fs');
 const pc = require('picocolors');
+const module$1 = require('node:module');
+const path = require('node:path');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const createDebug__default = /*#__PURE__*/_interopDefaultCompat(createDebug);
 const fg__default = /*#__PURE__*/_interopDefaultCompat(fg);
+const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 const pc__default = /*#__PURE__*/_interopDefaultCompat(pc);
+const module__default = /*#__PURE__*/_interopDefaultCompat(module$1);
+const path__default = /*#__PURE__*/_interopDefaultCompat(path);
 
 function parseVueRequest(id) {
   const [filename, rawQuery] = id.split(`?`, 2);
@@ -57,14 +63,39 @@ function parseVueRequest(id) {
   };
 }
 
+const _require = module__default.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
+function checkInstallPackage(debug) {
+  const pkgInfo = resolvePkgPath("vue-i18n", debug) || resolvePkgPath("petite-vue-i18n", debug);
+  if (!pkgInfo) {
+    throw new Error(
+      `requires 'vue-i18n' or 'petite-vue-i18n' to be present in the dependency tree.`
+    );
+  }
+  debug("installed package info:", pkgInfo);
+  return pkgInfo;
+}
+function resolvePkgPath(id, debug) {
+  try {
+    const resolvedPath = _require.resolve(id);
+    const pkgPath = path__default.dirname(resolvedPath);
+    const pkgJson = JSON.parse(
+      fs__default.readFileSync(path__default.join(pkgPath, "package.json"), "utf-8")
+    );
+    const pkgName = pkgJson.name.startsWith("vue-i18n") ? "vue-i18n" : pkgJson.name.startsWith("petite-vue-i18n") ? "petite-vue-i18n" : "";
+    return pkgJson ? { alias: id, pkg: pkgName } : null;
+  } catch (e) {
+    debug(`cannot find '${id}'`, e);
+    return null;
+  }
+}
 function warn(...args) {
   console.warn(pc__default.yellow(pc__default.bold(`[unplugin-vue-i18n] `)), ...args);
 }
 function error(...args) {
   console.error(pc__default.red(pc__default.bold(`[unplugin-vue-i18n] `)), ...args);
 }
-async function getRaw(path) {
-  return fs.promises.readFile(path, { encoding: "utf-8" });
+async function getRaw(path2) {
+  return fs.promises.readFile(path2, { encoding: "utf-8" });
 }
 function raiseError(message) {
   throw new Error(`[unplugin-vue-i18n] ${message}`);
@@ -73,11 +104,7 @@ function raiseError(message) {
 const INTLIFY_BUNDLE_IMPORT_ID = "@intlify/unplugin-vue-i18n/messages";
 const VIRTUAL_PREFIX = "\0";
 const debug = createDebug__default("unplugin-vue-i18n");
-const installedPkg = bundleUtils.checkInstallPackage("@intlify/unplugin-vue-i18n", debug);
-const vueI18nVersion = bundleUtils.getVueI18nVersion(debug);
-if (vueI18nVersion === "8") {
-  warn(`vue-i18n@8 is not supported, since sinece Vue 2 was EOL on 2023.`);
-}
+const installedPkgInfo = checkInstallPackage(debug);
 const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   debug("plugin options:", options, meta.framework);
   if (!["vite", "webpack"].includes(meta.framework)) {
@@ -102,27 +129,18 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   const forceStringify = !!options.forceStringify;
   const defaultSFCLang = shared.isString(options.defaultSFCLang) ? options.defaultSFCLang : "json";
   const globalSFCScope = !!options.globalSFCScope;
-  const useClassComponent = !!options.useClassComponent;
   const runtimeOnly = shared.isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   debug("runtimeOnly", runtimeOnly);
-  const jitCompilation = shared.isBoolean(options.jitCompilation) ? options.jitCompilation : true;
-  debug("jitCompilation", jitCompilation);
-  const dropMessageCompiler = jitCompilation ? !!options.dropMessageCompiler : false;
+  const dropMessageCompiler = !!options.dropMessageCompiler;
   debug("dropMessageCompiler", dropMessageCompiler);
-  const compositionOnly = installedPkg === "vue-i18n" ? shared.isBoolean(options.compositionOnly) ? options.compositionOnly : true : true;
+  const compositionOnly = installedPkgInfo.pkg === "vue-i18n" ? shared.isBoolean(options.compositionOnly) ? options.compositionOnly : true : true;
   debug("compositionOnly", compositionOnly);
-  const fullInstall = installedPkg === "vue-i18n" ? shared.isBoolean(options.fullInstall) ? options.fullInstall : true : false;
+  const fullInstall = installedPkgInfo.pkg === "vue-i18n" ? shared.isBoolean(options.fullInstall) ? options.fullInstall : true : false;
   debug("fullInstall", fullInstall);
   const ssrBuild = !!options.ssr;
   debug("ssr", ssrBuild);
-  const useVueI18nImportName = options.useVueI18nImportName;
-  if (useVueI18nImportName != null) {
-    warn(`'useVueI18nImportName' option is experimental`);
-  }
-  debug("useVueI18nImportName", useVueI18nImportName);
-  const getVueI18nAliasName = () => vueI18nVersion === "9" ? "vue-i18n" : vueI18nVersion === "unknown" && installedPkg === "petite-vue-i18n" && shared.isBoolean(useVueI18nImportName) && useVueI18nImportName ? "vue-i18n" : installedPkg;
-  const getVueI18nAliasPath = (aliasName, { ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
-    return `${aliasName}/dist/${installedPkg}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
+  const getVueI18nAliasPath = ({ ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
+    return `${installedPkgInfo.alias}/dist/${installedPkgInfo.pkg}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
   };
   const allowDynamic = !!options.allowDynamic;
   debug("allowDynamic", allowDynamic);
@@ -132,7 +150,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   debug("escapeHtml", escapeHtml);
   let isProduction = false;
   let sourceMap = false;
-  const vueI18nAliasName = getVueI18nAliasName();
+  const vueI18nAliasName = installedPkgInfo.alias;
+  debug(`vue-i18n alias name: ${vueI18nAliasName}`);
   return {
     name: "unplugin-vue-i18n",
     /**
@@ -145,69 +164,28 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
      */
     enforce: meta.framework === "vite" ? "pre" : "post",
     vite: {
-      config(config, { command }) {
-        config.resolve = normalizeConfigResolveAlias(
-          config.resolve,
-          meta.framework
-        );
-        if (command === "build") {
-          debug(`vue-i18n alias name: ${vueI18nAliasName}`);
-          if (shared.isArray(config.resolve.alias)) {
-            config.resolve.alias.push({
-              find: vueI18nAliasName,
-              replacement: getVueI18nAliasPath(vueI18nAliasName, {
-                ssr: ssrBuild,
-                runtimeOnly
-              })
-            });
-          } else if (shared.isObject(config.resolve.alias)) {
-            config.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
-              ssr: ssrBuild,
-              runtimeOnly
-            });
+      config() {
+        const defineConfig = {
+          define: {
+            __VUE_I18N_LEGACY_API__: !compositionOnly,
+            __VUE_I18N_FULL_INSTALL__: fullInstall,
+            __INTLIFY_DROP_MESSAGE_COMPILER__: dropMessageCompiler,
+            __VUE_I18N_PROD_DEVTOOLS__: false
           }
-          debug(
-            `set ${vueI18nAliasName} runtime only: ${getVueI18nAliasPath(
-              vueI18nAliasName,
-              {
+        };
+        debug("define Config:", defineConfig);
+        const aliasConfig = {
+          resolve: {
+            alias: {
+              [vueI18nAliasName]: getVueI18nAliasPath({
                 ssr: ssrBuild,
                 runtimeOnly
-              }
-            )}`
-          );
-        } else if (command === "serve" && installedPkg === "petite-vue-i18n" && useVueI18nImportName) {
-          config.resolve = normalizeConfigResolveAlias(
-            config.resolve,
-            meta.framework
-          );
-          if (shared.isArray(config.resolve.alias)) {
-            config.resolve.alias.push({
-              find: vueI18nAliasName,
-              replacement: `petite-vue-i18n/dist/petite-vue-i18n.esm-bundler.js`
-            });
-          } else {
-            config.resolve.alias[vueI18nAliasName] = `petite-vue-i18n/dist/petite-vue-i18n.esm-bundler.js`;
+              })
+            }
           }
-          debug(`petite-vue-i18n alias name: ${vueI18nAliasName}`);
-        }
-        config.define = config.define || {};
-        config.define["__VUE_I18N_LEGACY_API__"] = !compositionOnly;
-        debug(
-          `set __VUE_I18N_LEGACY_API__ is '${config.define["__VUE_I18N_LEGACY_API__"]}'`
-        );
-        config.define["__VUE_I18N_FULL_INSTALL__"] = fullInstall;
-        debug(
-          `set __VUE_I18N_FULL_INSTALL__ is '${config.define["__VUE_I18N_FULL_INSTALL__"]}'`
-        );
-        config.define["__INTLIFY_JIT_COMPILATION__"] = jitCompilation;
-        debug(
-          `set __INTLIFY_JIT_COMPILATION__ is '${config.define["__INTLIFY_JIT_COMPILATION__"]}'`
-        );
-        config.define["__INTLIFY_DROP_MESSAGE_COMPILER__"] = dropMessageCompiler;
-        debug(
-          `set __INTLIFY_DROP_MESSAGE_COMPILER__ is '${config.define["__INTLIFY_DROP_MESSAGE_COMPILER__"]}'`
-        );
-        config.define["__VUE_I18N_PROD_DEVTOOLS__"] = false;
+        };
+        debug("alias Config:", aliasConfig);
+        return shared.assign(defineConfig, aliasConfig);
       },
       configResolved(config) {
         isProduction = config.isProduction;
@@ -257,11 +235,10 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                 {
                   inSourceMap,
                   isGlobal: globalSFCScope,
-                  useClassComponent,
                   allowDynamic,
                   strictMessage,
                   escapeHtml,
-                  jit: jitCompilation,
+                  jit: true,
                   onlyLocales,
                   forceStringify
                 }
@@ -274,9 +251,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                 return;
               return {
                 code: generatedCode,
-                // prettier-ignore
-                map: jitCompilation ? { mappings: "" } : sourceMap ? map : { mappings: "" }
-                // eslint-disable-line @typescript-eslint/no-explicit-any
+                map: { mappings: "" }
               };
             } else {
               return result;
@@ -304,21 +279,16 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         compiler.options.resolve,
         meta.framework
       );
-      if (isProduction) {
-        compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
+      compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
+        ssr: ssrBuild,
+        runtimeOnly
+      });
+      debug(
+        `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
           ssr: ssrBuild,
           runtimeOnly
-        });
-        debug(
-          `set ${vueI18nAliasName}: ${getVueI18nAliasPath(vueI18nAliasName, {
-            ssr: ssrBuild,
-            runtimeOnly
-          })}`
-        );
-      } else if (!isProduction && installedPkg === "petite-vue-i18n" && useVueI18nImportName) {
-        compiler.options.resolve.alias[vueI18nAliasName] = `petite-vue-i18n/dist/petite-vue-i18n.esm-bundler.js`;
-        debug(`petite-vue-i18n alias name: ${vueI18nAliasName}`);
-      }
+        })}`
+      );
       loadWebpack().then((webpack) => {
         if (webpack) {
           compiler.options.plugins.push(
@@ -370,8 +340,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
           {
             forceStringify,
             strictMessage,
-            escapeHtml,
-            useClassComponent
+            escapeHtml
           }
         );
         return {
@@ -406,11 +375,10 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
               allowDynamic,
               strictMessage,
               escapeHtml,
-              jit: jitCompilation,
+              jit: true,
               onlyLocales,
               forceStringify
             }
@@ -424,8 +392,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
           return {
             code: generatedCode,
             // prettier-ignore
-            map: jitCompilation ? { mappings: "" } : sourceMap ? map : { mappings: "" }
-            // eslint-disable-line @typescript-eslint/no-explicit-any
+            map: { mappings: "" }
           };
         }
       } else {
@@ -445,8 +412,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
-              jit: jitCompilation,
+              jit: true,
               strictMessage,
               escapeHtml,
               onlyLocales,
@@ -469,8 +435,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
           return {
             code: generatedCode,
             // prettier-ignore
-            map: jitCompilation ? { mappings: "" } : sourceMap ? map : { mappings: "" }
-            // eslint-disable-line @typescript-eslint/no-explicit-any
+            map: { mappings: "" }
           };
         }
       }
@@ -515,8 +480,7 @@ async function generateBundleResources(resources, query, isProduction, {
   onlyLocales = [],
   strictMessage = true,
   escapeHtml = false,
-  useClassComponent = false,
-  jit = false
+  jit = true
 }) {
   const codes = [];
   for (const res of resources) {
@@ -527,7 +491,6 @@ async function generateBundleResources(resources, query, isProduction, {
       const generate = /json5?/.test(ext) ? bundleUtils.generateJSON : bundleUtils.generateYAML;
       const parseOptions = getOptions(res, isProduction, {}, false, {
         isGlobal,
-        useClassComponent,
         jit,
         onlyLocales,
         strictMessage,
@@ -601,11 +564,10 @@ function getOptions(filename, isProduction, query, sourceMap, {
   forceStringify = false,
   isGlobal = false,
   onlyLocales = [],
-  useClassComponent = false,
   allowDynamic = false,
   strictMessage = true,
   escapeHtml = false,
-  jit = false
+  jit = true
 }) {
   const mode = isProduction ? "production" : "development";
   const baseOptions = {
@@ -613,7 +575,6 @@ function getOptions(filename, isProduction, query, sourceMap, {
     sourceMap,
     inSourceMap,
     forceStringify,
-    useClassComponent,
     allowDynamic,
     strictMessage,
     escapeHtml,

package/lib/index.mjs

@@ -2,12 +2,14 @@ import { createUnplugin } from 'unplugin';
 import { normalize, parse } from 'pathe';
 import createDebug from 'debug';
 import fg from 'fast-glob';
-import { isArray, isString, isBoolean, isObject, isNumber, isEmptyObject, assign, generateCodeFrame } from '@intlify/shared';
+import { isArray, isString, isBoolean, assign, isNumber, isEmptyObject, generateCodeFrame } from '@intlify/shared';
 import { createFilter } from '@rollup/pluginutils';
-import { checkInstallPackage, getVueI18nVersion, generateJSON, generateYAML, generateJavaScript } from '@intlify/bundle-utils';
+import { generateJSON, generateYAML, generateJavaScript } from '@intlify/bundle-utils';
 import { parse as parse$1 } from '@vue/compiler-sfc';
-import { promises } from 'fs';
+import fs, { promises } from 'node:fs';
 import pc from 'picocolors';
+import module from 'node:module';
+import path from 'node:path';
 
 function parseVueRequest(id) {
   const [filename, rawQuery] = id.split(`?`, 2);
@@ -47,14 +49,39 @@ function parseVueRequest(id) {
   };
 }
 
+const _require = module.createRequire(import.meta.url);
+function checkInstallPackage(debug) {
+  const pkgInfo = resolvePkgPath("vue-i18n", debug) || resolvePkgPath("petite-vue-i18n", debug);
+  if (!pkgInfo) {
+    throw new Error(
+      `requires 'vue-i18n' or 'petite-vue-i18n' to be present in the dependency tree.`
+    );
+  }
+  debug("installed package info:", pkgInfo);
+  return pkgInfo;
+}
+function resolvePkgPath(id, debug) {
+  try {
+    const resolvedPath = _require.resolve(id);
+    const pkgPath = path.dirname(resolvedPath);
+    const pkgJson = JSON.parse(
+      fs.readFileSync(path.join(pkgPath, "package.json"), "utf-8")
+    );
+    const pkgName = pkgJson.name.startsWith("vue-i18n") ? "vue-i18n" : pkgJson.name.startsWith("petite-vue-i18n") ? "petite-vue-i18n" : "";
+    return pkgJson ? { alias: id, pkg: pkgName } : null;
+  } catch (e) {
+    debug(`cannot find '${id}'`, e);
+    return null;
+  }
+}
 function warn(...args) {
   console.warn(pc.yellow(pc.bold(`[unplugin-vue-i18n] `)), ...args);
 }
 function error(...args) {
   console.error(pc.red(pc.bold(`[unplugin-vue-i18n] `)), ...args);
 }
-async function getRaw(path) {
-  return promises.readFile(path, { encoding: "utf-8" });
+async function getRaw(path2) {
+  return promises.readFile(path2, { encoding: "utf-8" });
 }
 function raiseError(message) {
   throw new Error(`[unplugin-vue-i18n] ${message}`);
@@ -63,11 +90,7 @@ function raiseError(message) {
 const INTLIFY_BUNDLE_IMPORT_ID = "@intlify/unplugin-vue-i18n/messages";
 const VIRTUAL_PREFIX = "\0";
 const debug = createDebug("unplugin-vue-i18n");
-const installedPkg = checkInstallPackage("@intlify/unplugin-vue-i18n", debug);
-const vueI18nVersion = getVueI18nVersion(debug);
-if (vueI18nVersion === "8") {
-  warn(`vue-i18n@8 is not supported, since sinece Vue 2 was EOL on 2023.`);
-}
+const installedPkgInfo = checkInstallPackage(debug);
 const unplugin = createUnplugin((options = {}, meta) => {
   debug("plugin options:", options, meta.framework);
   if (!["vite", "webpack"].includes(meta.framework)) {
@@ -92,27 +115,18 @@ const unplugin = createUnplugin((options = {}, meta) => {
   const forceStringify = !!options.forceStringify;
   const defaultSFCLang = isString(options.defaultSFCLang) ? options.defaultSFCLang : "json";
   const globalSFCScope = !!options.globalSFCScope;
-  const useClassComponent = !!options.useClassComponent;
   const runtimeOnly = isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   debug("runtimeOnly", runtimeOnly);
-  const jitCompilation = isBoolean(options.jitCompilation) ? options.jitCompilation : true;
-  debug("jitCompilation", jitCompilation);
-  const dropMessageCompiler = jitCompilation ? !!options.dropMessageCompiler : false;
+  const dropMessageCompiler = !!options.dropMessageCompiler;
   debug("dropMessageCompiler", dropMessageCompiler);
-  const compositionOnly = installedPkg === "vue-i18n" ? isBoolean(options.compositionOnly) ? options.compositionOnly : true : true;
+  const compositionOnly = installedPkgInfo.pkg === "vue-i18n" ? isBoolean(options.compositionOnly) ? options.compositionOnly : true : true;
   debug("compositionOnly", compositionOnly);
-  const fullInstall = installedPkg === "vue-i18n" ? isBoolean(options.fullInstall) ? options.fullInstall : true : false;
+  const fullInstall = installedPkgInfo.pkg === "vue-i18n" ? isBoolean(options.fullInstall) ? options.fullInstall : true : false;
   debug("fullInstall", fullInstall);
   const ssrBuild = !!options.ssr;
   debug("ssr", ssrBuild);
-  const useVueI18nImportName = options.useVueI18nImportName;
-  if (useVueI18nImportName != null) {
-    warn(`'useVueI18nImportName' option is experimental`);
-  }
-  debug("useVueI18nImportName", useVueI18nImportName);
-  const getVueI18nAliasName = () => vueI18nVersion === "9" ? "vue-i18n" : vueI18nVersion === "unknown" && installedPkg === "petite-vue-i18n" && isBoolean(useVueI18nImportName) && useVueI18nImportName ? "vue-i18n" : installedPkg;
-  const getVueI18nAliasPath = (aliasName, { ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
-    return `${aliasName}/dist/${installedPkg}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
+  const getVueI18nAliasPath = ({ ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
+    return `${installedPkgInfo.alias}/dist/${installedPkgInfo.pkg}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
   };
   const allowDynamic = !!options.allowDynamic;
   debug("allowDynamic", allowDynamic);
@@ -122,7 +136,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
   debug("escapeHtml", escapeHtml);
   let isProduction = false;
   let sourceMap = false;
-  const vueI18nAliasName = getVueI18nAliasName();
+  const vueI18nAliasName = installedPkgInfo.alias;
+  debug(`vue-i18n alias name: ${vueI18nAliasName}`);
   return {
     name: "unplugin-vue-i18n",
     /**
@@ -135,69 +150,28 @@ const unplugin = createUnplugin((options = {}, meta) => {
      */
     enforce: meta.framework === "vite" ? "pre" : "post",
     vite: {
-      config(config, { command }) {
-        config.resolve = normalizeConfigResolveAlias(
-          config.resolve,
-          meta.framework
-        );
-        if (command === "build") {
-          debug(`vue-i18n alias name: ${vueI18nAliasName}`);
-          if (isArray(config.resolve.alias)) {
-            config.resolve.alias.push({
-              find: vueI18nAliasName,
-              replacement: getVueI18nAliasPath(vueI18nAliasName, {
-                ssr: ssrBuild,
-                runtimeOnly
-              })
-            });
-          } else if (isObject(config.resolve.alias)) {
-            config.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
-              ssr: ssrBuild,
-              runtimeOnly
-            });
+      config() {
+        const defineConfig = {
+          define: {
+            __VUE_I18N_LEGACY_API__: !compositionOnly,
+            __VUE_I18N_FULL_INSTALL__: fullInstall,
+            __INTLIFY_DROP_MESSAGE_COMPILER__: dropMessageCompiler,
+            __VUE_I18N_PROD_DEVTOOLS__: false
           }
-          debug(
-            `set ${vueI18nAliasName} runtime only: ${getVueI18nAliasPath(
-              vueI18nAliasName,
-              {
+        };
+        debug("define Config:", defineConfig);
+        const aliasConfig = {
+          resolve: {
+            alias: {
+              [vueI18nAliasName]: getVueI18nAliasPath({
                 ssr: ssrBuild,
                 runtimeOnly
-              }
-            )}`
-          );
-        } else if (command === "serve" && installedPkg === "petite-vue-i18n" && useVueI18nImportName) {
-          config.resolve = normalizeConfigResolveAlias(
-            config.resolve,
-            meta.framework
-          );
-          if (isArray(config.resolve.alias)) {
-            config.resolve.alias.push({
-              find: vueI18nAliasName,
-              replacement: `petite-vue-i18n/dist/petite-vue-i18n.esm-bundler.js`
-            });
-          } else {
-            config.resolve.alias[vueI18nAliasName] = `petite-vue-i18n/dist/petite-vue-i18n.esm-bundler.js`;
+              })
+            }
           }
-          debug(`petite-vue-i18n alias name: ${vueI18nAliasName}`);
-        }
-        config.define = config.define || {};
-        config.define["__VUE_I18N_LEGACY_API__"] = !compositionOnly;
-        debug(
-          `set __VUE_I18N_LEGACY_API__ is '${config.define["__VUE_I18N_LEGACY_API__"]}'`
-        );
-        config.define["__VUE_I18N_FULL_INSTALL__"] = fullInstall;
-        debug(
-          `set __VUE_I18N_FULL_INSTALL__ is '${config.define["__VUE_I18N_FULL_INSTALL__"]}'`
-        );
-        config.define["__INTLIFY_JIT_COMPILATION__"] = jitCompilation;
-        debug(
-          `set __INTLIFY_JIT_COMPILATION__ is '${config.define["__INTLIFY_JIT_COMPILATION__"]}'`
-        );
-        config.define["__INTLIFY_DROP_MESSAGE_COMPILER__"] = dropMessageCompiler;
-        debug(
-          `set __INTLIFY_DROP_MESSAGE_COMPILER__ is '${config.define["__INTLIFY_DROP_MESSAGE_COMPILER__"]}'`
-        );
-        config.define["__VUE_I18N_PROD_DEVTOOLS__"] = false;
+        };
+        debug("alias Config:", aliasConfig);
+        return assign(defineConfig, aliasConfig);
       },
       configResolved(config) {
         isProduction = config.isProduction;
@@ -247,11 +221,10 @@ const unplugin = createUnplugin((options = {}, meta) => {
                 {
                   inSourceMap,
                   isGlobal: globalSFCScope,
-                  useClassComponent,
                   allowDynamic,
                   strictMessage,
                   escapeHtml,
-                  jit: jitCompilation,
+                  jit: true,
                   onlyLocales,
                   forceStringify
                 }
@@ -264,9 +237,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
                 return;
               return {
                 code: generatedCode,
-                // prettier-ignore
-                map: jitCompilation ? { mappings: "" } : sourceMap ? map : { mappings: "" }
-                // eslint-disable-line @typescript-eslint/no-explicit-any
+                map: { mappings: "" }
               };
             } else {
               return result;
@@ -294,21 +265,16 @@ const unplugin = createUnplugin((options = {}, meta) => {
         compiler.options.resolve,
         meta.framework
       );
-      if (isProduction) {
-        compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
+      compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
+        ssr: ssrBuild,
+        runtimeOnly
+      });
+      debug(
+        `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
           ssr: ssrBuild,
           runtimeOnly
-        });
-        debug(
-          `set ${vueI18nAliasName}: ${getVueI18nAliasPath(vueI18nAliasName, {
-            ssr: ssrBuild,
-            runtimeOnly
-          })}`
-        );
-      } else if (!isProduction && installedPkg === "petite-vue-i18n" && useVueI18nImportName) {
-        compiler.options.resolve.alias[vueI18nAliasName] = `petite-vue-i18n/dist/petite-vue-i18n.esm-bundler.js`;
-        debug(`petite-vue-i18n alias name: ${vueI18nAliasName}`);
-      }
+        })}`
+      );
       loadWebpack().then((webpack) => {
         if (webpack) {
           compiler.options.plugins.push(
@@ -360,8 +326,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
           {
             forceStringify,
             strictMessage,
-            escapeHtml,
-            useClassComponent
+            escapeHtml
           }
         );
         return {
@@ -396,11 +361,10 @@ const unplugin = createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
               allowDynamic,
               strictMessage,
               escapeHtml,
-              jit: jitCompilation,
+              jit: true,
               onlyLocales,
               forceStringify
             }
@@ -414,8 +378,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
           return {
             code: generatedCode,
             // prettier-ignore
-            map: jitCompilation ? { mappings: "" } : sourceMap ? map : { mappings: "" }
-            // eslint-disable-line @typescript-eslint/no-explicit-any
+            map: { mappings: "" }
           };
         }
       } else {
@@ -435,8 +398,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
-              jit: jitCompilation,
+              jit: true,
               strictMessage,
               escapeHtml,
               onlyLocales,
@@ -459,8 +421,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
           return {
             code: generatedCode,
             // prettier-ignore
-            map: jitCompilation ? { mappings: "" } : sourceMap ? map : { mappings: "" }
-            // eslint-disable-line @typescript-eslint/no-explicit-any
+            map: { mappings: "" }
           };
         }
       }
@@ -505,8 +466,7 @@ async function generateBundleResources(resources, query, isProduction, {
   onlyLocales = [],
   strictMessage = true,
   escapeHtml = false,
-  useClassComponent = false,
-  jit = false
+  jit = true
 }) {
   const codes = [];
   for (const res of resources) {
@@ -517,7 +477,6 @@ async function generateBundleResources(resources, query, isProduction, {
       const generate = /json5?/.test(ext) ? generateJSON : generateYAML;
       const parseOptions = getOptions(res, isProduction, {}, false, {
         isGlobal,
-        useClassComponent,
         jit,
         onlyLocales,
         strictMessage,
@@ -591,11 +550,10 @@ function getOptions(filename, isProduction, query, sourceMap, {
   forceStringify = false,
   isGlobal = false,
   onlyLocales = [],
-  useClassComponent = false,
   allowDynamic = false,
   strictMessage = true,
   escapeHtml = false,
-  jit = false
+  jit = true
 }) {
   const mode = isProduction ? "production" : "development";
   const baseOptions = {
@@ -603,7 +561,6 @@ function getOptions(filename, isProduction, query, sourceMap, {
     sourceMap,
     inSourceMap,
     forceStringify,
-    useClassComponent,
     allowDynamic,
     strictMessage,
     escapeHtml,

package/lib/types.d.cts

@@ -3,7 +3,6 @@ interface PluginOptions {
     include?: string | string[];
     onlyLocales?: string | string[];
     allowDynamic?: boolean;
-    jitCompilation?: boolean;
     dropMessageCompiler?: boolean;
     runtimeOnly?: boolean;
     compositionOnly?: boolean;
@@ -12,8 +11,6 @@ interface PluginOptions {
     forceStringify?: boolean;
     defaultSFCLang?: SFCLangFormat;
     globalSFCScope?: boolean;
-    useClassComponent?: boolean;
-    useVueI18nImportName?: boolean;
     strictMessage?: boolean;
     escapeHtml?: boolean;
 }

package/lib/types.d.mts

@@ -3,7 +3,6 @@ interface PluginOptions {
     include?: string | string[];
     onlyLocales?: string | string[];
     allowDynamic?: boolean;
-    jitCompilation?: boolean;
     dropMessageCompiler?: boolean;
     runtimeOnly?: boolean;
     compositionOnly?: boolean;
@@ -12,8 +11,6 @@ interface PluginOptions {
     forceStringify?: boolean;
     defaultSFCLang?: SFCLangFormat;
     globalSFCScope?: boolean;
-    useClassComponent?: boolean;
-    useVueI18nImportName?: boolean;
     strictMessage?: boolean;
     escapeHtml?: boolean;
 }

package/lib/types.d.ts

@@ -3,7 +3,6 @@ interface PluginOptions {
     include?: string | string[];
     onlyLocales?: string | string[];
     allowDynamic?: boolean;
-    jitCompilation?: boolean;
     dropMessageCompiler?: boolean;
     runtimeOnly?: boolean;
     compositionOnly?: boolean;
@@ -12,8 +11,6 @@ interface PluginOptions {
     forceStringify?: boolean;
     defaultSFCLang?: SFCLangFormat;
     globalSFCScope?: boolean;
-    useClassComponent?: boolean;
-    useVueI18nImportName?: boolean;
     strictMessage?: boolean;
     escapeHtml?: boolean;
 }

package/lib/vite.cjs

@@ -9,8 +9,10 @@ require('@intlify/shared');
 require('@rollup/pluginutils');
 require('@intlify/bundle-utils');
 require('@vue/compiler-sfc');
-require('fs');
+require('node:fs');
 require('picocolors');
+require('node:module');
+require('node:path');
 
 const vite = index.unplugin.vite;
 

package/lib/vite.mjs

@@ -7,8 +7,10 @@ import '@intlify/shared';
 import '@rollup/pluginutils';
 import '@intlify/bundle-utils';
 import '@vue/compiler-sfc';
-import 'fs';
+import 'node:fs';
 import 'picocolors';
+import 'node:module';
+import 'node:path';
 
 const vite = unplugin.vite;
 

package/lib/webpack.cjs

@@ -9,8 +9,10 @@ require('@intlify/shared');
 require('@rollup/pluginutils');
 require('@intlify/bundle-utils');
 require('@vue/compiler-sfc');
-require('fs');
+require('node:fs');
 require('picocolors');
+require('node:module');
+require('node:path');
 
 const webpack = index.unplugin.webpack;
 

package/lib/webpack.mjs

@@ -7,8 +7,10 @@ import '@intlify/shared';
 import '@rollup/pluginutils';
 import '@intlify/bundle-utils';
 import '@vue/compiler-sfc';
-import 'fs';
+import 'node:fs';
 import 'picocolors';
+import 'node:module';
+import 'node:path';
 
 const webpack = unplugin.webpack;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "4.0.0",
+  "version": "5.0.0-beta.1",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -26,8 +26,8 @@
     }
   },
   "dependencies": {
-    "@intlify/bundle-utils": "^8.0.0",
-    "@intlify/shared": "^9.4.0",
+    "@intlify/bundle-utils": "^9.0.0-beta.0",
+    "@intlify/shared": "next",
     "@rollup/pluginutils": "^5.1.0",
     "@vue/compiler-sfc": "^3.2.47",
     "debug": "^4.3.3",
@@ -43,7 +43,7 @@
     "unbuild": "^2.0.0"
   },
   "engines": {
-    "node": ">= 14.16"
+    "node": ">= 18"
   },
   "files": [
     "lib",