@intlify/unplugin-vue-i18n 1.6.0 → 3.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:
+> [!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.
 
-  > ⚠️ NOTE:
+> [!WARNING]
   `yaml` resources don't support multi documentation with `|`, alias with `&` and `*`, tags with `! `, `@`, etc. Only simple data structures.
 
-  > ⚠️ NOTE:
+> [!WARNING]
   `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:
+> [!WARNING]
   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.
 
 
@@ -350,16 +350,19 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
 ### `jitCompilation`
 
 - **Type:** `boolean`
-- **Default:** `false`
+- **Default:** `true`
+
+> [!IMPORTANT]
+  'jitCompilation' option now defaults to `true` from 3.0.
 
   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:
+> [!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.
 
   About JIT compilation, See [here](https://vue-i18n.intlify.dev/guide/advanced/optimization.html#jit-compilation)
@@ -373,11 +376,11 @@ 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:
-This option works with vue-i18n v9.3 and later.
+> [!NOTE]
+  This option works with vue-i18n v9.3 and later.
 
-> ⚠️ 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.
+> [!WARNING]
+  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 +389,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`
@@ -541,26 +544,37 @@ If you enable this option, **you should check  resources in your application are
 - **Type:** `boolean`
 - **Default:** `false`
 
+> [!WARNING]
+  'bridge' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+
   The mode to birdge the i18n custom block to work in both vue-i18n@v8.x and vue-i18n@v9.x environments.
 
   To support in a smooth transition from vue-i18n@v8.x to vue-i18n@v9.x, we provide a mode that bundles the i18n custom block to be available in either version.
 
-  > ⚠️ 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.
+> [!WARNING]
+   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`
 
+> [!WARNING]
+  'legacy' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+
   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'`.
+> [!NOTE]
+  To work for Vue 2.7, the value of `vueVersion` must be set to `'v2.7'`.
 
 ### `vueVersion`
 
 - **Type:** `string`
 - **Default:** `undefined`
 
+> [!WARNING]
+  'vueVersion' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+
   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'`.

package/lib/index.cjs

@@ -98,12 +98,14 @@ 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);
 const installedVueI18nBridge = bundleUtils.checkVueI18nBridgeInstallPackage(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)) {
@@ -131,12 +133,27 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   const useClassComponent = !!options.useClassComponent;
   const bridge = !!options.bridge;
   debug("bridge", bridge);
+  if (bridge) {
+    warn(
+      `'bridge' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+    );
+  }
   const legacy = !!options.legacy;
   debug("legacy", legacy);
+  if (legacy) {
+    warn(
+      `'legacy' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+    );
+  }
   const vueVersion = shared.isString(options.vueVersion) ? options.vueVersion : void 0;
+  if (!vueVersion) {
+    warn(
+      `'vueVersion' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+    );
+  }
   const runtimeOnly = shared.isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   debug("runtimeOnly", runtimeOnly);
-  const jitCompilation = !!options.jitCompilation;
+  const jitCompilation = shared.isBoolean(options.jitCompilation) ? options.jitCompilation : true;
   debug("jitCompilation", jitCompilation);
   const dropMessageCompiler = jitCompilation ? !!options.dropMessageCompiler : false;
   debug("dropMessageCompiler", dropMessageCompiler);
@@ -410,12 +427,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);
       }
@@ -424,9 +435,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) {
@@ -460,7 +469,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) {

package/lib/index.mjs

@@ -86,12 +86,14 @@ 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);
 const installedVueI18nBridge = checkVueI18nBridgeInstallPackage(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)) {
@@ -119,12 +121,27 @@ const unplugin = createUnplugin((options = {}, meta) => {
   const useClassComponent = !!options.useClassComponent;
   const bridge = !!options.bridge;
   debug("bridge", bridge);
+  if (bridge) {
+    warn(
+      `'bridge' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+    );
+  }
   const legacy = !!options.legacy;
   debug("legacy", legacy);
+  if (legacy) {
+    warn(
+      `'legacy' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+    );
+  }
   const vueVersion = isString(options.vueVersion) ? options.vueVersion : void 0;
+  if (!vueVersion) {
+    warn(
+      `'vueVersion' option is deprecated, sinece Vue 2 was EOL on 2023. that option will be removed in 4.0.`
+    );
+  }
   const runtimeOnly = isBoolean(options.runtimeOnly) ? options.runtimeOnly : true;
   debug("runtimeOnly", runtimeOnly);
-  const jitCompilation = !!options.jitCompilation;
+  const jitCompilation = isBoolean(options.jitCompilation) ? options.jitCompilation : true;
   debug("jitCompilation", jitCompilation);
   const dropMessageCompiler = jitCompilation ? !!options.dropMessageCompiler : false;
   debug("dropMessageCompiler", dropMessageCompiler);
@@ -398,12 +415,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);
       }
@@ -412,9 +423,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) {
@@ -448,7 +457,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "1.6.0",
+  "version": "3.0.0",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -28,7 +28,7 @@
   "dependencies": {
     "@intlify/bundle-utils": "^7.4.0",
     "@intlify/shared": "^9.4.0",
-    "@rollup/pluginutils": "^5.0.2",
+    "@rollup/pluginutils": "^5.1.0",
     "@vue/compiler-sfc": "^3.2.47",
     "debug": "^4.3.3",
     "fast-glob": "^3.2.12",