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

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[]`

package/lib/index.cjs

@@ -74,10 +74,6 @@ 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 unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   debug("plugin options:", options, meta.framework);
   if (!["vite", "webpack"].includes(meta.framework)) {
@@ -102,12 +98,9 @@ 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;
   debug("compositionOnly", compositionOnly);
@@ -120,9 +113,9 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
     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 getVueI18nAliasName = () => installedPkg === "petite-vue-i18n" && shared.isBoolean(useVueI18nImportName) && useVueI18nImportName ? "vue-i18n" : installedPkg;
+  const getVueI18nAliasPath = ({ ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
+    return `${installedPkg}/dist/${installedPkg}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
   };
   const allowDynamic = !!options.allowDynamic;
   debug("allowDynamic", allowDynamic);
@@ -155,25 +148,22 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
           if (shared.isArray(config.resolve.alias)) {
             config.resolve.alias.push({
               find: vueI18nAliasName,
-              replacement: getVueI18nAliasPath(vueI18nAliasName, {
+              replacement: getVueI18nAliasPath({
                 ssr: ssrBuild,
                 runtimeOnly
               })
             });
           } else if (shared.isObject(config.resolve.alias)) {
-            config.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
+            config.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
               ssr: ssrBuild,
               runtimeOnly
             });
           }
           debug(
-            `set ${vueI18nAliasName} runtime only: ${getVueI18nAliasPath(
-              vueI18nAliasName,
-              {
-                ssr: ssrBuild,
-                runtimeOnly
-              }
-            )}`
+            `set ${vueI18nAliasName} runtime only: ${getVueI18nAliasPath({
+              ssr: ssrBuild,
+              runtimeOnly
+            })}`
           );
         } else if (command === "serve" && installedPkg === "petite-vue-i18n" && useVueI18nImportName) {
           config.resolve = normalizeConfigResolveAlias(
@@ -199,10 +189,6 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         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__"]}'`
@@ -257,11 +243,10 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                 {
                   inSourceMap,
                   isGlobal: globalSFCScope,
-                  useClassComponent,
                   allowDynamic,
                   strictMessage,
                   escapeHtml,
-                  jit: jitCompilation,
+                  jit: true,
                   onlyLocales,
                   forceStringify
                 }
@@ -274,9 +259,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;
@@ -305,12 +288,12 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         meta.framework
       );
       if (isProduction) {
-        compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
+        compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
           ssr: ssrBuild,
           runtimeOnly
         });
         debug(
-          `set ${vueI18nAliasName}: ${getVueI18nAliasPath(vueI18nAliasName, {
+          `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
             ssr: ssrBuild,
             runtimeOnly
           })}`
@@ -370,8 +353,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
           {
             forceStringify,
             strictMessage,
-            escapeHtml,
-            useClassComponent
+            escapeHtml
           }
         );
         return {
@@ -406,11 +388,10 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
               allowDynamic,
               strictMessage,
               escapeHtml,
-              jit: jitCompilation,
+              jit: true,
               onlyLocales,
               forceStringify
             }
@@ -424,8 +405,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 +425,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
-              jit: jitCompilation,
+              jit: true,
               strictMessage,
               escapeHtml,
               onlyLocales,
@@ -469,8 +448,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 +493,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 +504,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 +577,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 +588,6 @@ function getOptions(filename, isProduction, query, sourceMap, {
     sourceMap,
     inSourceMap,
     forceStringify,
-    useClassComponent,
     allowDynamic,
     strictMessage,
     escapeHtml,

package/lib/index.mjs

@@ -4,7 +4,7 @@ import createDebug from 'debug';
 import fg from 'fast-glob';
 import { isArray, isString, isBoolean, isObject, isNumber, isEmptyObject, assign, generateCodeFrame } from '@intlify/shared';
 import { createFilter } from '@rollup/pluginutils';
-import { checkInstallPackage, getVueI18nVersion, generateJSON, generateYAML, generateJavaScript } from '@intlify/bundle-utils';
+import { checkInstallPackage, generateJSON, generateYAML, generateJavaScript } from '@intlify/bundle-utils';
 import { parse as parse$1 } from '@vue/compiler-sfc';
 import { promises } from 'fs';
 import pc from 'picocolors';
@@ -64,10 +64,6 @@ 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 unplugin = createUnplugin((options = {}, meta) => {
   debug("plugin options:", options, meta.framework);
   if (!["vite", "webpack"].includes(meta.framework)) {
@@ -92,12 +88,9 @@ 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;
   debug("compositionOnly", compositionOnly);
@@ -110,9 +103,9 @@ const unplugin = createUnplugin((options = {}, meta) => {
     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 getVueI18nAliasName = () => installedPkg === "petite-vue-i18n" && isBoolean(useVueI18nImportName) && useVueI18nImportName ? "vue-i18n" : installedPkg;
+  const getVueI18nAliasPath = ({ ssr = false, runtimeOnly: runtimeOnly2 = false }) => {
+    return `${installedPkg}/dist/${installedPkg}${runtimeOnly2 ? ".runtime" : ""}.${!ssr ? "esm-bundler.js" : "node.mjs"}`;
   };
   const allowDynamic = !!options.allowDynamic;
   debug("allowDynamic", allowDynamic);
@@ -145,25 +138,22 @@ const unplugin = createUnplugin((options = {}, meta) => {
           if (isArray(config.resolve.alias)) {
             config.resolve.alias.push({
               find: vueI18nAliasName,
-              replacement: getVueI18nAliasPath(vueI18nAliasName, {
+              replacement: getVueI18nAliasPath({
                 ssr: ssrBuild,
                 runtimeOnly
               })
             });
           } else if (isObject(config.resolve.alias)) {
-            config.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
+            config.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
               ssr: ssrBuild,
               runtimeOnly
             });
           }
           debug(
-            `set ${vueI18nAliasName} runtime only: ${getVueI18nAliasPath(
-              vueI18nAliasName,
-              {
-                ssr: ssrBuild,
-                runtimeOnly
-              }
-            )}`
+            `set ${vueI18nAliasName} runtime only: ${getVueI18nAliasPath({
+              ssr: ssrBuild,
+              runtimeOnly
+            })}`
           );
         } else if (command === "serve" && installedPkg === "petite-vue-i18n" && useVueI18nImportName) {
           config.resolve = normalizeConfigResolveAlias(
@@ -189,10 +179,6 @@ const unplugin = createUnplugin((options = {}, meta) => {
         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__"]}'`
@@ -247,11 +233,10 @@ const unplugin = createUnplugin((options = {}, meta) => {
                 {
                   inSourceMap,
                   isGlobal: globalSFCScope,
-                  useClassComponent,
                   allowDynamic,
                   strictMessage,
                   escapeHtml,
-                  jit: jitCompilation,
+                  jit: true,
                   onlyLocales,
                   forceStringify
                 }
@@ -264,9 +249,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;
@@ -295,12 +278,12 @@ const unplugin = createUnplugin((options = {}, meta) => {
         meta.framework
       );
       if (isProduction) {
-        compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath(vueI18nAliasName, {
+        compiler.options.resolve.alias[vueI18nAliasName] = getVueI18nAliasPath({
           ssr: ssrBuild,
           runtimeOnly
         });
         debug(
-          `set ${vueI18nAliasName}: ${getVueI18nAliasPath(vueI18nAliasName, {
+          `set ${vueI18nAliasName}: ${getVueI18nAliasPath({
             ssr: ssrBuild,
             runtimeOnly
           })}`
@@ -360,8 +343,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
           {
             forceStringify,
             strictMessage,
-            escapeHtml,
-            useClassComponent
+            escapeHtml
           }
         );
         return {
@@ -396,11 +378,10 @@ const unplugin = createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
               allowDynamic,
               strictMessage,
               escapeHtml,
-              jit: jitCompilation,
+              jit: true,
               onlyLocales,
               forceStringify
             }
@@ -414,8 +395,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 +415,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
             {
               inSourceMap,
               isGlobal: globalSFCScope,
-              useClassComponent,
-              jit: jitCompilation,
+              jit: true,
               strictMessage,
               escapeHtml,
               onlyLocales,
@@ -459,8 +438,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 +483,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 +494,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 +567,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 +578,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,7 +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,7 +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,7 +11,6 @@ interface PluginOptions {
     forceStringify?: boolean;
     defaultSFCLang?: SFCLangFormat;
     globalSFCScope?: boolean;
-    useClassComponent?: boolean;
     useVueI18nImportName?: boolean;
     strictMessage?: boolean;
     escapeHtml?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "4.0.0",
+  "version": "5.0.0-beta.0",
   "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",