@intlify/unplugin-vue-i18n 1.5.0 → 2.0.0

package/README.md

@@ -281,13 +281,13 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
 
   If nothing is specified for this option, i.e. `undefined`, nothing is done to the resource in the above format.
 
-  > ⚠️ NOTE: 
+  > ⚠️ NOTE:
   `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.
 
-  > ⚠️ NOTE: 
+  > ⚠️ NOTE:
   `yaml` resources don't support multi documentation with `|`, alias with `&` and `*`, tags with `! `, `@`, etc. Only simple data structures.
 
-  > ⚠️ NOTE: 
+  > ⚠️ NOTE:
   `js` and `ts` resources are set **simple export (`export default`) as locale messages object, as default**.
 
   ```js
@@ -299,7 +299,7 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
 
   If you need to use programmatically dynamic resource construction, you would be enable `allowDynamic` option. about details, see the section.
 
-  > ⚠️ NOTE: 
+  > ⚠️ NOTE:
   If you use the `js` and `ts` resources formats, set the paths, so your application code is not targeted. We recommend that resources be isolated from the application code.
 
 
@@ -354,12 +354,12 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
 
   Whether locale mesages should be compiled by JIT (Just in Time) compilation with vue-i18n's message compiler.
 
-  > ⚠️ NOTE: 
+  > ⚠️ 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.
 
-  > ⚠️ NOTE: 
+  > ⚠️ NOTE:
   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.
 
   About JIT compilation, See [here](https://vue-i18n.intlify.dev/guide/advanced/optimization.html#jit-compilation)
@@ -373,10 +373,10 @@ 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: 
+> ⚠️ NOTE:
 This option works with vue-i18n v9.3 and later.
 
-> ⚠️ NOTE: 
+> ⚠️ NOTE:
 If you enable this option, **you should check  resources in your application are pre-compiled with this plugin.** If you will be loading resources dynamically from the back-end via the API, enabling this option do not work because there is not message compiler.
 
 ### `ssr`
@@ -386,7 +386,7 @@ If you enable this option, **you should check  resources in your application are
 
   Whether to bundle vue-i18n module for SSR at build time
 
-  > ⚠️ NOTE: 
+  > ⚠️ NOTE:
   This option works with vue-i18n v9.4 and later.
 
 ### `runtimeOnly`
@@ -395,7 +395,7 @@ If you enable this option, **you should check  resources in your application are
 - **Default:** `true`
 
   Whether or not to automatically use Vue I18n **runtime-only** in production build, set `vue-i18n.runtime.esm-bundler.js` in the `vue-i18n` field of bundler config, the below:
-  
+
   ```
   - vite config: `resolve.alias`
   - webpack config: `resolve.alias`
@@ -547,6 +547,24 @@ If you enable this option, **you should check  resources in your application are
 
   > ⚠️ Note that if you set `bridge: true`, the bundle size will increase. It is recommended to disable this mode after the migration from vue-i18n@v8.26 to vue-i18n@v9.x is completed.
 
+### `legacy`
+
+- **Type:** `boolean`
+- **Default:** `false`
+
+  This option supports Vue I18n v8.x compatibility for resources in i18n custom blocks.
+
+  > ⚠️ To work for Vue 2.7, the value of `vueVersion` must be set to `'v2.7'`.
+
+### `vueVersion`
+
+- **Type:** `string`
+- **Default:** `undefined`
+
+  The version of Vue that will be used by Vue I18n. This option is enabled when the `legacy` option is `true`.
+
+  Available values are `'v2.6'` and `'v2.7'`.
+
 ### `esm`
 
 - **Type:** `boolean`

package/lib/index.cjs

@@ -98,7 +98,6 @@ function raiseError(message) {
 }
 
 const INTLIFY_BUNDLE_IMPORT_ID = "@intlify/unplugin-vue-i18n/messages";
-const INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID = "@intlify/vite-plugin-vue-i18n/messages";
 const VIRTUAL_PREFIX = "\0";
 const debug = createDebug__default("unplugin-vue-i18n");
 const installedPkg = bundleUtils.checkInstallPackage("@intlify/unplugin-vue-i18n", debug);
@@ -131,6 +130,9 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   const useClassComponent = !!options.useClassComponent;
   const bridge = !!options.bridge;
   debug("bridge", bridge);
+  const legacy = !!options.legacy;
+  debug("legacy", legacy);
+  const vueVersion = shared.isString(options.vueVersion) ? options.vueVersion : void 0;
   const runtimeOnly = shared.isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   debug("runtimeOnly", runtimeOnly);
   const jitCompilation = !!options.jitCompilation;
@@ -307,6 +309,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                   strictMessage,
                   escapeHtml,
                   bridge,
+                  legacy,
+                  vueVersion,
                   jit: jitCompilation,
                   onlyLocales,
                   exportESM: esm,
@@ -405,12 +409,6 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
     },
     resolveId(id, importer) {
       debug("resolveId", id, importer);
-      if (id === INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID) {
-        warn(
-          `deprected '${INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID}', you should switch to '${INTLIFY_BUNDLE_IMPORT_ID}'`
-        );
-        return asVirtualId(id, meta.framework);
-      }
       if (id === INTLIFY_BUNDLE_IMPORT_ID) {
         return asVirtualId(id, meta.framework);
       }
@@ -419,9 +417,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
     async load(id) {
       debug("load", id);
       const { query } = parseVueRequest(id);
-      if ([INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID, INTLIFY_BUNDLE_IMPORT_ID].includes(
-        getVirtualId(id, meta.framework)
-      ) && include) {
+      if (INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework) && include) {
         let resourcePaths = [];
         const includePaths = shared.isArray(include) ? include : [include];
         for (const inc of includePaths) {
@@ -455,7 +451,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         return true;
       } else {
         const { filename } = parseVueRequest(id);
-        return filename.endsWith("vue") || filename.endsWith(INTLIFY_BUNDLE_IMPORT_ID) || filename.endsWith(INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID) || /\.(json5?|ya?ml)$/.test(filename) && filter(filename);
+        return filename.endsWith("vue") || filename.endsWith(INTLIFY_BUNDLE_IMPORT_ID) || /\.(json5?|ya?ml)$/.test(filename) && filter(filename);
       }
     },
     async transform(code, id) {
@@ -522,6 +518,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
               isGlobal: globalSFCScope,
               useClassComponent,
               bridge,
+              legacy,
+              vueVersion,
               jit: jitCompilation,
               strictMessage,
               escapeHtml,
@@ -690,6 +688,8 @@ function getOptions(filename, isProduction, query, sourceMap, {
   forceStringify = false,
   isGlobal = false,
   bridge = false,
+  legacy = false,
+  vueVersion = "v2.6",
   onlyLocales = [],
   exportESM = true,
   useClassComponent = false,
@@ -709,6 +709,8 @@ function getOptions(filename, isProduction, query, sourceMap, {
     strictMessage,
     escapeHtml,
     bridge,
+    legacy,
+    vueVersion,
     jit,
     onlyLocales,
     exportESM,

package/lib/index.d.cts

@@ -1,6 +1,7 @@
 import * as _unplugin from 'unplugin';
 import { PluginOptions } from './types.cjs';
 export { SFCLangFormat } from './types.cjs';
+import '@intlify/bundle-utils';
 
 declare const unplugin: _unplugin.UnpluginInstance<PluginOptions, boolean>;
 

package/lib/index.d.mts

@@ -1,6 +1,7 @@
 import * as _unplugin from 'unplugin';
 import { PluginOptions } from './types.mjs';
 export { SFCLangFormat } from './types.mjs';
+import '@intlify/bundle-utils';
 
 declare const unplugin: _unplugin.UnpluginInstance<PluginOptions, boolean>;
 

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 import * as _unplugin from 'unplugin';
 import { PluginOptions } from './types.js';
 export { SFCLangFormat } from './types.js';
+import '@intlify/bundle-utils';
 
 declare const unplugin: _unplugin.UnpluginInstance<PluginOptions, boolean>;
 

package/lib/index.mjs

@@ -86,7 +86,6 @@ function raiseError(message) {
 }
 
 const INTLIFY_BUNDLE_IMPORT_ID = "@intlify/unplugin-vue-i18n/messages";
-const INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID = "@intlify/vite-plugin-vue-i18n/messages";
 const VIRTUAL_PREFIX = "\0";
 const debug = createDebug("unplugin-vue-i18n");
 const installedPkg = checkInstallPackage("@intlify/unplugin-vue-i18n", debug);
@@ -119,6 +118,9 @@ const unplugin = createUnplugin((options = {}, meta) => {
   const useClassComponent = !!options.useClassComponent;
   const bridge = !!options.bridge;
   debug("bridge", bridge);
+  const legacy = !!options.legacy;
+  debug("legacy", legacy);
+  const vueVersion = isString(options.vueVersion) ? options.vueVersion : void 0;
   const runtimeOnly = isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   debug("runtimeOnly", runtimeOnly);
   const jitCompilation = !!options.jitCompilation;
@@ -295,6 +297,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
                   strictMessage,
                   escapeHtml,
                   bridge,
+                  legacy,
+                  vueVersion,
                   jit: jitCompilation,
                   onlyLocales,
                   exportESM: esm,
@@ -393,12 +397,6 @@ const unplugin = createUnplugin((options = {}, meta) => {
     },
     resolveId(id, importer) {
       debug("resolveId", id, importer);
-      if (id === INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID) {
-        warn(
-          `deprected '${INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID}', you should switch to '${INTLIFY_BUNDLE_IMPORT_ID}'`
-        );
-        return asVirtualId(id, meta.framework);
-      }
       if (id === INTLIFY_BUNDLE_IMPORT_ID) {
         return asVirtualId(id, meta.framework);
       }
@@ -407,9 +405,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
     async load(id) {
       debug("load", id);
       const { query } = parseVueRequest(id);
-      if ([INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID, INTLIFY_BUNDLE_IMPORT_ID].includes(
-        getVirtualId(id, meta.framework)
-      ) && include) {
+      if (INTLIFY_BUNDLE_IMPORT_ID === getVirtualId(id, meta.framework) && include) {
         let resourcePaths = [];
         const includePaths = isArray(include) ? include : [include];
         for (const inc of includePaths) {
@@ -443,7 +439,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
         return true;
       } else {
         const { filename } = parseVueRequest(id);
-        return filename.endsWith("vue") || filename.endsWith(INTLIFY_BUNDLE_IMPORT_ID) || filename.endsWith(INTLIFY_BUNDLE_IMPORT_DEPRECTED_ID) || /\.(json5?|ya?ml)$/.test(filename) && filter(filename);
+        return filename.endsWith("vue") || filename.endsWith(INTLIFY_BUNDLE_IMPORT_ID) || /\.(json5?|ya?ml)$/.test(filename) && filter(filename);
       }
     },
     async transform(code, id) {
@@ -510,6 +506,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
               isGlobal: globalSFCScope,
               useClassComponent,
               bridge,
+              legacy,
+              vueVersion,
               jit: jitCompilation,
               strictMessage,
               escapeHtml,
@@ -678,6 +676,8 @@ function getOptions(filename, isProduction, query, sourceMap, {
   forceStringify = false,
   isGlobal = false,
   bridge = false,
+  legacy = false,
+  vueVersion = "v2.6",
   onlyLocales = [],
   exportESM = true,
   useClassComponent = false,
@@ -697,6 +697,8 @@ function getOptions(filename, isProduction, query, sourceMap, {
     strictMessage,
     escapeHtml,
     bridge,
+    legacy,
+    vueVersion,
     jit,
     onlyLocales,
     exportESM,

package/lib/types.d.cts

@@ -1,3 +1,5 @@
+import { CodeGenOptions } from '@intlify/bundle-utils';
+
 type SFCLangFormat = 'json' | 'json5' | 'yml' | 'yaml';
 interface PluginOptions {
     include?: string | string[];
@@ -14,6 +16,8 @@ interface PluginOptions {
     defaultSFCLang?: SFCLangFormat;
     globalSFCScope?: boolean;
     bridge?: boolean;
+    legacy?: boolean;
+    vueVersion?: CodeGenOptions['vueVersion'];
     useClassComponent?: boolean;
     useVueI18nImportName?: boolean;
     strictMessage?: boolean;

package/lib/types.d.mts

@@ -1,3 +1,5 @@
+import { CodeGenOptions } from '@intlify/bundle-utils';
+
 type SFCLangFormat = 'json' | 'json5' | 'yml' | 'yaml';
 interface PluginOptions {
     include?: string | string[];
@@ -14,6 +16,8 @@ interface PluginOptions {
     defaultSFCLang?: SFCLangFormat;
     globalSFCScope?: boolean;
     bridge?: boolean;
+    legacy?: boolean;
+    vueVersion?: CodeGenOptions['vueVersion'];
     useClassComponent?: boolean;
     useVueI18nImportName?: boolean;
     strictMessage?: boolean;

package/lib/types.d.ts

@@ -1,3 +1,5 @@
+import { CodeGenOptions } from '@intlify/bundle-utils';
+
 type SFCLangFormat = 'json' | 'json5' | 'yml' | 'yaml';
 interface PluginOptions {
     include?: string | string[];
@@ -14,6 +16,8 @@ interface PluginOptions {
     defaultSFCLang?: SFCLangFormat;
     globalSFCScope?: boolean;
     bridge?: boolean;
+    legacy?: boolean;
+    vueVersion?: CodeGenOptions['vueVersion'];
     useClassComponent?: boolean;
     useVueI18nImportName?: boolean;
     strictMessage?: boolean;

package/lib/vite.d.cts

@@ -1,5 +1,6 @@
 import * as vite from 'vite';
 import { PluginOptions } from './types.cjs';
+import '@intlify/bundle-utils';
 
 declare const _default: (options: PluginOptions) => vite.Plugin | vite.Plugin[];
 

package/lib/vite.d.mts

@@ -1,5 +1,6 @@
 import * as vite from 'vite';
 import { PluginOptions } from './types.mjs';
+import '@intlify/bundle-utils';
 
 declare const _default: (options: PluginOptions) => vite.Plugin | vite.Plugin[];
 

package/lib/vite.d.ts

@@ -1,5 +1,6 @@
 import * as vite from 'vite';
 import { PluginOptions } from './types.js';
+import '@intlify/bundle-utils';
 
 declare const _default: (options: PluginOptions) => vite.Plugin | vite.Plugin[];
 

package/lib/webpack.d.cts

@@ -1,5 +1,6 @@
 import * as webpack from 'webpack';
 import { PluginOptions } from './types.cjs';
+import '@intlify/bundle-utils';
 
 declare const _default: (options: PluginOptions) => webpack.WebpackPluginInstance;
 

package/lib/webpack.d.mts

@@ -1,5 +1,6 @@
 import * as webpack from 'webpack';
 import { PluginOptions } from './types.mjs';
+import '@intlify/bundle-utils';
 
 declare const _default: (options: PluginOptions) => webpack.WebpackPluginInstance;
 

package/lib/webpack.d.ts

@@ -1,5 +1,6 @@
 import * as webpack from 'webpack';
 import { PluginOptions } from './types.js';
+import '@intlify/bundle-utils';
 
 declare const _default: (options: PluginOptions) => webpack.WebpackPluginInstance;
 

package/package.json

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