@intlify/unplugin-vue-i18n 0.9.2 → 0.10.0

package/README.md

@@ -300,6 +300,31 @@ This plugin will automatically select and bundle `petite-vue-i18n` build accordi
   > ⚠️ 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.
 
+
+### `strictMessage`
+
+- **Type:** `boolean`
+- **Default:** `true`
+
+  Strictly checks that the locale message does not contain html tags.
+
+  If html tags are included, an error is thrown.
+
+  If you would not the error to be thrown, you can work around it by setting it to `false`, but **it means that the locale message might cause security problems with XSS**.
+
+  In that case, we recommend setting the `escapeHtml` option to `true`.
+
+
+### `escapeHtml`
+
+- **Type:** `boolean`
+- **Default:** `false`
+
+  Whether to escape html tags if they are included in the locale message.
+
+  If `strictMessage` is disabled by `false`, we recommend this option be enabled.
+
+
 ### `allowDynamic`
 
 - **Type:** `boolean`

package/lib/index.cjs

@@ -136,6 +136,11 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
   const esm = shared.isBoolean(options.esm) ? options.esm : true;
   debug("esm", esm);
   const allowDynamic = !!options.allowDynamic;
+  debug("allowDynamic", allowDynamic);
+  const strictMessage = shared.isBoolean(options.strictMessage) ? options.strictMessage : true;
+  debug("strictMessage", strictMessage);
+  const escapeHtml = !!options.escapeHtml;
+  debug("escapeHtml", escapeHtml);
   let isProduction = false;
   let sourceMap = false;
   const vueI18nAliasName = getVueI18nAliasName();
@@ -253,6 +258,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                   isGlobal: globalSFCScope,
                   useClassComponent,
                   allowDynamic,
+                  strictMessage,
+                  escapeHtml,
                   bridge,
                   exportESM: esm,
                   forceStringify
@@ -375,6 +382,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
           {
             forceStringify,
             bridge,
+            strictMessage,
+            escapeHtml,
             exportESM: esm,
             useClassComponent
           }
@@ -413,6 +422,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
               isGlobal: globalSFCScope,
               useClassComponent,
               allowDynamic,
+              strictMessage,
+              escapeHtml,
               bridge,
               exportESM: esm,
               forceStringify
@@ -452,6 +463,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
               isGlobal: globalSFCScope,
               useClassComponent,
               bridge,
+              strictMessage,
+              escapeHtml,
               exportESM: esm,
               forceStringify
             }
@@ -519,6 +532,8 @@ async function generateBundleResources(resources, query, isProduction, {
   isGlobal = false,
   bridge = false,
   exportESM = true,
+  strictMessage = true,
+  escapeHtml = false,
   useClassComponent = false
 }) {
   const codes = [];
@@ -533,6 +548,8 @@ async function generateBundleResources(resources, query, isProduction, {
         useClassComponent,
         bridge,
         exportESM,
+        strictMessage,
+        escapeHtml,
         forceStringify
       });
       parseOptions.type = "bare";
@@ -587,7 +604,9 @@ function getOptions(filename, isProduction, query, sourceMap, {
   bridge = false,
   exportESM = true,
   useClassComponent = false,
-  allowDynamic = false
+  allowDynamic = false,
+  strictMessage = true,
+  escapeHtml = false
 }) {
   const mode = isProduction ? "production" : "development";
   const baseOptions = {
@@ -597,6 +616,8 @@ function getOptions(filename, isProduction, query, sourceMap, {
     forceStringify,
     useClassComponent,
     allowDynamic,
+    strictMessage,
+    escapeHtml,
     bridge,
     exportESM,
     env: mode,

package/lib/index.mjs

@@ -132,6 +132,11 @@ const unplugin = createUnplugin((options = {}, meta) => {
   const esm = isBoolean(options.esm) ? options.esm : true;
   debug("esm", esm);
   const allowDynamic = !!options.allowDynamic;
+  debug("allowDynamic", allowDynamic);
+  const strictMessage = isBoolean(options.strictMessage) ? options.strictMessage : true;
+  debug("strictMessage", strictMessage);
+  const escapeHtml = !!options.escapeHtml;
+  debug("escapeHtml", escapeHtml);
   let isProduction = false;
   let sourceMap = false;
   const vueI18nAliasName = getVueI18nAliasName();
@@ -249,6 +254,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
                   isGlobal: globalSFCScope,
                   useClassComponent,
                   allowDynamic,
+                  strictMessage,
+                  escapeHtml,
                   bridge,
                   exportESM: esm,
                   forceStringify
@@ -371,6 +378,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
           {
             forceStringify,
             bridge,
+            strictMessage,
+            escapeHtml,
             exportESM: esm,
             useClassComponent
           }
@@ -409,6 +418,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
               isGlobal: globalSFCScope,
               useClassComponent,
               allowDynamic,
+              strictMessage,
+              escapeHtml,
               bridge,
               exportESM: esm,
               forceStringify
@@ -448,6 +459,8 @@ const unplugin = createUnplugin((options = {}, meta) => {
               isGlobal: globalSFCScope,
               useClassComponent,
               bridge,
+              strictMessage,
+              escapeHtml,
               exportESM: esm,
               forceStringify
             }
@@ -515,6 +528,8 @@ async function generateBundleResources(resources, query, isProduction, {
   isGlobal = false,
   bridge = false,
   exportESM = true,
+  strictMessage = true,
+  escapeHtml = false,
   useClassComponent = false
 }) {
   const codes = [];
@@ -529,6 +544,8 @@ async function generateBundleResources(resources, query, isProduction, {
         useClassComponent,
         bridge,
         exportESM,
+        strictMessage,
+        escapeHtml,
         forceStringify
       });
       parseOptions.type = "bare";
@@ -583,7 +600,9 @@ function getOptions(filename, isProduction, query, sourceMap, {
   bridge = false,
   exportESM = true,
   useClassComponent = false,
-  allowDynamic = false
+  allowDynamic = false,
+  strictMessage = true,
+  escapeHtml = false
 }) {
   const mode = isProduction ? "production" : "development";
   const baseOptions = {
@@ -593,6 +612,8 @@ function getOptions(filename, isProduction, query, sourceMap, {
     forceStringify,
     useClassComponent,
     allowDynamic,
+    strictMessage,
+    escapeHtml,
     bridge,
     exportESM,
     env: mode,

package/lib/types.d.ts

@@ -12,6 +12,8 @@ interface PluginOptions {
     bridge?: boolean;
     useClassComponent?: boolean;
     useVueI18nImportName?: boolean;
+    strictMessage?: boolean;
+    escapeHtml?: boolean;
 }
 
 export { PluginOptions, SFCLangFormat };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -26,8 +26,8 @@
     }
   },
   "dependencies": {
-    "@intlify/bundle-utils": "^5.1.2",
-    "@intlify/shared": "next",
+    "@intlify/bundle-utils": "^5.4.0",
+    "@intlify/shared": "9.3.0-beta.17",
     "@rollup/pluginutils": "^5.0.2",
     "@vue/compiler-sfc": "^3.2.47",
     "debug": "^4.3.3",