Update environment to Vue 3 and Vuetify 3

Also renames the vue2-vuetify package to vue-vuetify

Author: sdirix

packages/example/package.json

@@ -9,40 +9,37 @@
   },
   "dependencies": {
     "@jsonforms/core": "3.1.0-alpha.0",
-    "@jsonforms/vue2": "3.1.0-alpha.0",
-    "@jsonforms/vue2-vuetify": "3.1.0-alpha.0",
+    "@jsonforms/vue": "3.1.0-alpha.0",
+    "@jsonforms/vue-vuetify": "3.1.0-alpha.0",
     "ajv-keywords": "^5.1.0",
     "core-js": "^3.9.1",
     "json-refs": "^3.0.15",
     "monaco-editor": "^0.26.0",
-    "vue": "^2.7.0",
-    "vue-router": "^3.2.0",
-    "vuetify": "^2.4.0",
-    "vuex": "^3.4.0"
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6",
+    "vuetify": "^3.1.12",
+    "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
-    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
-    "@typescript-eslint/eslint-plugin": "^4.18.0",
-    "@typescript-eslint/parser": "^4.18.0",
-    "@vue/cli-plugin-babel": "~4.5.18",
-    "@vue/cli-plugin-eslint": "~4.5.18",
-    "@vue/cli-plugin-typescript": "~4.5.18",
-    "@vue/cli-service": "~4.5.18",
-    "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/eslint-config-typescript": "^7.0.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^6.2.2",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vue/cli-plugin-babel": "~5.0.8",
+    "@vue/cli-plugin-eslint": "~5.0.8",
+    "@vue/cli-plugin-typescript": "~5.0.8",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "eslint": "^8.37.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^9.10.0",
     "monaco-editor-webpack-plugin": "^4.1.1",
-    "prettier": "^2.2.1",
-    "rimraf": "^3.0.2",
+    "prettier": "^2.8.7",
+    "rimraf": "^4.4.1",
     "sass": "~1.32.0",
     "sass-loader": "^10.0.0",
-    "typescript": "~4.1.5",
-    "vue-cli-plugin-vuetify": "~2.4.2",
-    "vue-template-compiler": "^2.7.0",
-    "vuetify-loader": "^1.7.0",
-    "vuex-pathify": "^1.4.5"
+    "typescript": "~4.5.5",
+    "vue-cli-plugin-vuetify": "~2.5.8",
+    "webpack-plugin-vuetify": "^2.0.1",
+    "vuex-pathify": "^3.0.0-beta"
   }
 }

packages/vue2-vuetify/.eslintrc.js renamed to packages/vue-vuetify/.eslintrc.js

@@ -1,7 +1,7 @@
 {
-  "name": "@jsonforms/vue2-vuetify",
+  "name": "@jsonforms/vue-vuetify",
   "version": "3.1.0-alpha.0",
-  "description": "Vue 2 Vuetify renderers for JSON Forms",
+  "description": "Vue Vuetify renderers for JSON Forms",
   "repository": "https://github.com/eclipsesource/jsonforms-vuetify-renderers",
   "bugs": "https://github.com/eclipsesource/jsonforms/issues",
   "homepage": "http://jsonforms.io/",
@@ -28,70 +28,66 @@
     "layout",
     "customization"
   ],
-  "main": "lib/jsonforms-vue2-vuetify.cjs.js",
-  "module": "lib/jsonforms-vue2-vuetify.esm.js",
+  "main": "lib/jsonforms-vue-vuetify.cjs.js",
+  "module": "lib/jsonforms-vue-vuetify.esm.js",
   "typings": "lib/index.d.ts",
   "files": [
     "lib",
     "src"
   ],
   "scripts": {
     "prebuild": "rimraf lib",
-    "build": "cross-env NODE_ENV=production rollup --config rollup.config.js",
+    "build": "cross-env NODE_ENV=production rollup --config rollup.config.mjs",
     "watch": "rollup --watch --config rollup.config.js",
     "test": "vue-cli-service test:unit"
   },
   "dependencies": {
     "ajv": "^8.6.1",
     "dayjs": "^1.10.6",
-    "lodash": "^4.17.15",
-    "v-mask": "^2.3.0"
+    "lodash": "^4.17.15"
   },
   "peerDependencies": {
     "@jsonforms/core": "3.1.0-alpha.0",
-    "@jsonforms/vue2": "3.1.0-alpha.0",
-    "@mdi/font": "^5.9.55",
-    "vue": "^2.7.0",
-    "vuetify": "^2.4.0"
+    "@jsonforms/vue": "3.1.0-alpha.0",
+    "@mdi/font": "^7.0.96",
+    "vue": "^3.2.47",
+    "vuetify": "^3.1.12"
   },
   "devDependencies": {
     "@babel/core": "^7.14.6",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-typescript": "^7.14.5",
     "@jsonforms/core": "3.1.0-alpha.0",
-    "@jsonforms/vue2": "3.1.0-alpha.0",
-    "@mdi/font": "^5.9.55",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
+    "@jsonforms/vue": "3.1.0-alpha.0",
+    "@mdi/font": "^7.0.96",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "@types/jest": "^28.1.1",
     "@types/lodash": "^4.14.172",
-    "@typescript-eslint/eslint-plugin": "^4.18.0",
-    "@typescript-eslint/parser": "^4.18.0",
-    "@vue/cli-plugin-unit-jest": "~4.5.18",
-    "@vue/cli-service": "~4.5.18",
-    "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/test-utils": "^1.3.0",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vue/cli-plugin-unit-jest": "^5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "@vue/test-utils": "^2.3.2",
     "ajv": "^8.6.1",
     "core-js": "^3.9.1",
     "cross-env": "^7.0.2",
-    "eslint": "^6.7.2",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint": "^8.37.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^9.10.0",
     "jest": "^28.1.1",
-    "jest-serializer-html": "^7.0.0",
-    "prettier": "^2.2.1",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.52.8",
+    "prettier": "^2.8.7",
+    "rimraf": "^4.4.1",
+    "rollup": "^3.20.2",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-visualizer": "^5.5.2",
-    "rollup-plugin-vue": "^5.1.9",
-    "typescript": "~4.1.5",
-    "vue": "^2.7.0",
-    "vue-jest": "^3.0.7",
-    "vue-template-compiler": "^2.7.0",
-    "vuetify": "^2.4.0"
+    "rollup-plugin-vue": "^6.0.0",
+    "typescript": "~4.5.5",
+    "vue": "^3.2.47",
+    "vuetify": "^3.1.12"
   }
 }

packages/vue2-vuetify/.prettierrc.js renamed to packages/vue-vuetify/.prettierrc.js

@@ -3,10 +3,10 @@ import babel from '@rollup/plugin-babel';
 import typescript from 'rollup-plugin-typescript2';
 import resolve from '@rollup/plugin-node-resolve';
 import cleanup from 'rollup-plugin-cleanup';
-import visualizer from 'rollup-plugin-visualizer';
+import { visualizer } from 'rollup-plugin-visualizer';
 import styles from 'rollup-plugin-styles';
 
-import packageJson from './package.json';
+import packageJson from './package.json' assert { type: 'json' };
 
 const baseConfig = {
   input: 'src/index.ts',

packages/vue2-vuetify/README.md renamed to packages/vue-vuetify/README.md

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+  export const entry;
+}