docs: typo

Author: cloydlau

README.md

@@ -30,8 +30,8 @@ English | [简体中文](./docs/README.zh-CN.md)
 
 - Support Vue 2.6 / 2.7 / 3
 - Support SSR (Nuxt 2 / 3)
+- Support microfrontends ([wujie](https://github.com/Tencent/wujie), [qiankun](https://github.com/umijs/qiankun), [single-spa](https://github.com/single-spa/single-spa) ...)
 - Support Vite, Vue CLI 3 / 4 / 5, CDN ...
-- Support microfrontends (like [wujie](https://github.com/Tencent/wujie))
 - Edit mode two-way binding
 - Local registration + local configuration, or global registration + global configuration (Powered by [vue-global-config](https://github.com/cloydlau/vue-global-config))
 
@@ -293,7 +293,7 @@ Vue.use(VCA)
 
 export default {
   components: { JsonEditorVue },
-  date() {
+  data() {
     return {
       value: undefined,
     }
@@ -708,6 +708,27 @@ module.exports = {
 }
 ```
 
+⚠ Only for version ≤ 4.5.14:
+
+```js
+// vue.config.js
+
+module.exports = {
+  configureWebpack: {
+    module: {
+      rules: [
+        // Getting webpack to recognize the `.mjs` file
+        {
+          test: /\.mjs$/,
+          include: /node_modules/,
+          type: 'javascript/auto',
+        },
+      ],
+    },
+  },
+}
+```
+
 <br>
 
 ### Vue CLI 3 (webpack 4)
@@ -760,7 +781,7 @@ module.exports = {
 ### Binding value difference between svelte-jsoneditor and json-editor-vue
 
 - svelte-jsoneditor: An object contains a stringified JSON or a parsed JSON, will do `JSON.parse` when passing as a stringified JSON.
-- json-editor-vue: JSON itself. What users see is what users get.
+- json-editor-vue: JSON itself. What user see is what user get.
 
 If you prefer the behavior of svelte-jsoneditor:
 

demo/vue-cli3/vue.config.js

@@ -1,23 +1,25 @@
 module.exports = {
-  /* configureWebpack: {
-      module: {
-        rules: [
-          {
-            test: /\.mjs$/,
-            include: /node_modules/,
-            type: 'javascript/auto',
-          },
-        ],
-      },
-    }, */
-  chainWebpack(config) {
+  // Vue CLI 3 ~ 4.5.14 可用
+  configureWebpack: {
+    module: {
+      rules: [
+        {
+          test: /\.mjs$/,
+          include: /node_modules/,
+          type: 'javascript/auto',
+        },
+      ],
+    },
+  },
+  // 仅 Vue CLI 3 可用
+  /* chainWebpack(config) {
     // config.resolve.extensions.prepend('.mjs')
     config.module
       .rule('mjs')
       // .test(/\.mjs$/)
       .include.add(/node_modules/)
       .type('javascript/auto')
       .end()
-  },
+  }, */
   transpileDependencies: ['json-editor-vue'],
 }

docs/README.zh-CN.md

@@ -28,8 +28,8 @@
 
 - Vue 2.6 / 2.7 / 3 通用
 - 支持 SSR，Nuxt 2 / 3 通用
+- 支持微前端 ([wujie](https://github.com/Tencent/wujie), [qiankun](https://github.com/umijs/qiankun), [single-spa](https://github.com/single-spa/single-spa) ...)
 - 支持 Vite，Vue CLI 3 / 4 / 5, CDN ...
-- 支持微前端 (比如 [wujie](https://github.com/Tencent/wujie))
 - 编辑模式双向绑定
 - 局部注册 + 局部传参，也可以全局注册 + 全局传参 ([vue-global-config](https://github.com/cloydlau/vue-global-config) 提供技术支持)
 
@@ -291,7 +291,7 @@ Vue.use(VCA)
 
 export default {
   components: { JsonEditorVue },
-  date() {
+  data() {
     return {
       value: undefined,
     }
@@ -706,6 +706,27 @@ module.exports = {
 }
 ```
 
+⚠ 仅 ≤ 4.5.14 版本需要：
+
+```js
+// vue.config.js
+
+module.exports = {
+  configureWebpack: {
+    module: {
+      rules: [
+        // 让 webpack 识别 `.mjs` 文件
+        {
+          test: /\.mjs$/,
+          include: /node_modules/,
+          type: 'javascript/auto',
+        },
+      ],
+    },
+  },
+}
+```
+
 <br>
 
 ### Vue CLI 3 (webpack 4)