@intlify/unplugin-vue-i18n 0.12.2 → 0.13.0

package/README.md

@@ -362,6 +362,21 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
 
   About JIT compilation, See [here](https://vue-i18n.intlify.dev/guide/advanced/optimization.html#jit-compilation)
 
+### `dropMessageCompiler`
+
+- **Type:** `boolean`
+- **Default:** `false`
+
+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: 
+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.
+
 ### `runtimeOnly`
 
 - **Type:** `boolean`

package/lib/index.cjs

@@ -131,6 +131,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   debug("runtimeOnly", runtimeOnly);
   const jitCompilation = !!options.jitCompilation;
   debug("jitCompilation", jitCompilation);
+  const dropMessageCompiler = jitCompilation ? !!options.dropMessageCompiler : false;
+  debug("dropMessageCompiler", dropMessageCompiler);
   const compositionOnly = installedPkg === "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;
@@ -228,6 +230,10 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         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;
       },
       configResolved(config) {
@@ -476,7 +482,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
       } else {
         if (isCustomBlock(query)) {
           if (shared.isString(query.lang)) {
-            langInfo = query.src ? query.lang === "i18n" ? "json" : query.lang : query.lang;
+            langInfo = query.src ? query.lang === "i18n" ? defaultSFCLang : query.lang : query.lang;
           } else if (defaultSFCLang) {
             langInfo = defaultSFCLang;
           }

package/lib/index.mjs

@@ -119,6 +119,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
   debug("runtimeOnly", runtimeOnly);
   const jitCompilation = !!options.jitCompilation;
   debug("jitCompilation", jitCompilation);
+  const dropMessageCompiler = jitCompilation ? !!options.dropMessageCompiler : false;
+  debug("dropMessageCompiler", dropMessageCompiler);
   const compositionOnly = installedPkg === "vue-i18n" ? isBoolean(options.compositionOnly) ? options.compositionOnly : true : true;
   debug("compositionOnly", compositionOnly);
   const fullInstall = installedPkg === "vue-i18n" ? isBoolean(options.fullInstall) ? options.fullInstall : true : false;
@@ -216,6 +218,10 @@ const unplugin = createUnplugin((options = {}, meta) => {
         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;
       },
       configResolved(config) {
@@ -464,7 +470,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
       } else {
         if (isCustomBlock(query)) {
           if (isString(query.lang)) {
-            langInfo = query.src ? query.lang === "i18n" ? "json" : query.lang : query.lang;
+            langInfo = query.src ? query.lang === "i18n" ? defaultSFCLang : query.lang : query.lang;
           } else if (defaultSFCLang) {
             langInfo = defaultSFCLang;
           }

package/lib/types.d.ts

@@ -3,6 +3,7 @@ interface PluginOptions {
     include?: string | string[];
     allowDynamic?: boolean;
     jitCompilation?: boolean;
+    dropMessageCompiler?: boolean;
     runtimeOnly?: boolean;
     compositionOnly?: boolean;
     fullInstall?: boolean;

package/messages.d.ts

@@ -1,5 +1,6 @@
 declare module '@intlify/unplugin-vue-i18n/messages' {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const messages: any
+  import type { I18nOptions } from 'vue-i18n'
+
+  const messages: I18nOptions['messages']
   export default messages
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "0.12.2",
+  "version": "0.13.0",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -26,8 +26,8 @@
     }
   },
   "dependencies": {
-    "@intlify/bundle-utils": "^7.0.2",
-    "@intlify/shared": "9.3.0-beta.24",
+    "@intlify/bundle-utils": "^7.1.0",
+    "@intlify/shared": "^9.3.0-beta.27",
     "@rollup/pluginutils": "^5.0.2",
     "@vue/compiler-sfc": "^3.2.47",
     "debug": "^4.3.3",