Updated dependencies

Author: tiny-james

package.json

@@ -47,34 +47,37 @@
     "@storybook/addon-notes": "^5.3.21",
     "@storybook/storybook-deployer": "^2.8.10",
     "@storybook/vue3": "^6.4.0-alpha.9",
-    "@tinymce/beehive-flow": "^0.15.0",
+    "@tinymce/beehive-flow": "^0.17.0",
     "@tinymce/eslint-plugin": "^1.9.1",
     "@tinymce/miniature": "^3.2.0",
-    "@types/node": "^13.13.4",
+    "@types/node": "^16.7.1",
+    "@vue/compiler-sfc": "^3.0.0",
     "babel-loader": "^8.0.5",
     "babel-preset-vue": "^2.0.2",
     "babel-register": "^6.26.0",
-    "css-loader": "^3.5.3",
+    "css-loader": "^6.2.0",
     "file-loader": "^6.0.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
-    "rollup": "^2.7.5",
+    "rollup": "^1.32.1",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-typescript2": "^0.27.0",
+    "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-uglify": "^6.0.0",
-    "tinymce": "npm:tinymce@^5.0.0",
-    "tinymce-4": "npm:tinymce@^4.9.7",
-    "tinymce-5": "npm:tinymce@^5.0.0",
-    "ts-loader": "^7.0.1",
-    "ts-node": "^8.9.1",
-    "typescript": "^3.2.2",
+    "tinymce": "npm:tinymce@^5",
+    "tinymce-4": "npm:tinymce@^4",
+    "tinymce-5": "npm:tinymce@^5",
+    "ts-loader": "^9.2.5",
+    "ts-node": "^10.2.1",
     "tsconfig-paths-webpack-plugin": "^3.5.1",
-    "vite": "^1.0.0-rc.4",
+    "typescript": "^4.3.5",
+    "vite": "^2.5.1",
+    "vue": "^3.0.0",
     "vue-loader": "^15.2.1",
     "vue-router": "^4.0.0-beta.13",
     "vue-template-compiler": "^2.6.14",
-    "webpack": "^4.43.0"
+    "webpack": "^5.51.1"
   },
   "dependencies": {}
 }

src/main/ts/components/Editor.ts

@@ -12,13 +12,13 @@ import { isTextarea, mergePlugins, uuid, isNullOrUndefined, initEditor } from '.
 import { editorProps } from './EditorPropTypes';
 import { h, defineComponent, onMounted, ref, Ref, toRefs, watch, onBeforeUnmount, onActivated, onDeactivated } from 'vue';
 
-const renderInline = (ce: any, id: string, elementRef: Ref<Element|null>, tagName?: string) =>
+const renderInline = (ce: any, id: string, elementRef: Ref<Element | null>, tagName?: string) =>
   ce(tagName ? tagName : 'div', {
     id,
     ref: elementRef
   });
 
-const renderIframe = (ce: any, id: string, elementRef: Ref<Element|null>) =>
+const renderIframe = (ce: any, id: string, elementRef: Ref<Element | null>) =>
   ce('textarea', {
     id,
     visibility: 'hidden',

tsconfig.json

@@ -12,6 +12,9 @@
     "strictNullChecks": true,
     "target": "es5",
     // "lib": ["es2020.string"] // fix the mathAll issue
+    "types": [
+      "node"
+    ],
     "strict": true,
     "baseUrl": ".",
     "skipLibCheck": true // -> https://github.com/vuejs/vue-next/issues/1102