test: test compatibility with Vue CLI 4 & 5

Author: cloydlau

README.md

@@ -679,6 +679,30 @@ export default {
 
 <br>
 
+### Vite
+
+Ready to use right out of the box.
+
+<br>
+
+### Vue CLI 5 / webpack 5
+
+Ready to use right out of the box.
+
+<br>
+
+### Vue CLI 4 / webpack 4
+
+Vite 4 (Rollup 3) uses ES2020 as compiler target by default, therefore Vite-4-built outputs should be transpiled in webpack 4:
+
+```js
+module.exports = {
+  transpileDependencies: ['json-editor-vue'],
+}
+```
+
+<br>
+
 ## Props
 
 | Name    | Description                                                                                   | Type          | Default  |
@@ -689,12 +713,12 @@ export default {
 
 > ⚠ kebab-case is required for tag & prop name when using from CDN
 
-### Binding value difference between `svelte-jsoneditor` and `json-editor-vue`
+### 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.
+- '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.
 
-If you prefer the behavior of `svelte-jsoneditor`:
+If you prefer the behavior of 'svelte-jsoneditor':
 
 ```html
 <JsonEditorVue
@@ -708,7 +732,7 @@ If you prefer the behavior of `svelte-jsoneditor`:
 
 ### Boolean properties
 
-Including the boolean properties of `svelte-jsoneditor` like `readOnly` with no value will imply `true`:
+Including the boolean properties of 'svelte-jsoneditor' like `readOnly` with no value will imply `true`:
 
 - ✔️ `<JsonEditorVue readOnly />`
 

demo/vue-cli4/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

demo/vue-cli4/.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

demo/vue-cli4/.node-version

@@ -0,0 +1 @@
+14

demo/vue-cli4/README.md

@@ -0,0 +1,19 @@
+# vue-cli4
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

demo/vue-cli4/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}