From 4e15f32ed15576ba9d36b26a81a932248a46d951 Mon Sep 17 00:00:00 2001
From: Dominik Horn <dominik.horn93@gmail.com>
Date: Mon, 5 Sep 2022 10:45:55 +0200
Subject: [PATCH] feat: upgrade to vue 2.7 (#13)

---
 digiwf-apps/lerna.json                        |   2 +-
 digiwf-apps/package-lock.json                 |  32 ++--
 digiwf-apps/package.json                      |   4 +-
 .../digiwf-forms-example/package-lock.json    | 165 ++++++++++++++++--
 .../apps/digiwf-forms-example/package.json    |  12 +-
 .../apps/digiwf-forms-example/src/App.vue     |   6 +-
 .../src/components/menu.vue                   |   2 +-
 .../apps/digiwf-forms-example/src/main.ts     |   3 -
 .../package-lock.json                         |   4 +-
 .../digiwf-engine-api-internal/package.json   |   2 +-
 .../package-lock.json                         |   4 +-
 .../digiwf-form-builder-settings/package.json |   2 +-
 .../digiwf-form-builder/package-lock.json     |   8 +-
 .../digiwf-form-builder/package.json          |  10 +-
 .../src/components/DwfFormArrayObject.vue     |   2 +-
 .../src/components/DwfFormBuilder.vue         |   2 +-
 .../src/components/DwfFormBuilderElements.vue |   2 +-
 .../src/components/DwfFormContainer.vue       |   2 +-
 .../src/components/DwfFormField.vue           |   2 +-
 .../src/components/DwfFormObject.vue          |   2 +-
 .../components/DwfFormOptionalContainer.vue   |   2 +-
 .../DwfFormOptionalFieldsContainer.vue        |   2 +-
 .../src/components/DwfFormOptionalItem.vue    |   2 +-
 .../DwfFormOptionalObjectContainer.vue        |   2 +-
 .../src/components/DwfFormSection.vue         |   2 +-
 .../src/components/DwfPropertiesContainer.vue |   2 +-
 .../src/components/common/DwfDialogButton.vue |   3 +-
 .../components/common/DwfDialogListItem.vue   |   2 +-
 .../common/DwfDraggableListItem.vue           |   3 +-
 .../modals/DwfEditContainerModal.vue          |   2 +-
 .../modals/DwfEditFormFieldModal.vue          |   2 +-
 .../components/modals/DwfEditSectionModal.vue |   2 +-
 .../digiwf-form-builder/vite.config.ts        |   1 -
 .../digiwf-form-renderer/package-lock.json    |   8 +-
 .../digiwf-form-renderer/package.json         |   6 +-
 .../src/components/DwfFormRenderer.vue        |   4 +-
 .../digiwf-form-renderer/vite.config.ts       |   1 -
 .../digiwf-multi-file-input/package-lock.json |   8 +-
 .../digiwf-multi-file-input/package.json      |   8 +-
 .../src/components/DwfFilePreview.vue         | 137 +++++++--------
 .../src/components/DwfMultiFileInput.vue      | 117 ++++++-------
 .../digiwf-multi-file-input/vite.config.ts    |   3 +-
 42 files changed, 353 insertions(+), 234 deletions(-)

diff --git a/digiwf-apps/lerna.json b/digiwf-apps/lerna.json
index f01c1dee92..70453617ca 100644
--- a/digiwf-apps/lerna.json
+++ b/digiwf-apps/lerna.json
@@ -7,5 +7,5 @@
     "packages/components/digiwf-multi-file-input",
     "packages/apps/digiwf-forms-example"
   ],
-  "version": "0.17.4"
+  "version": "0.18.0"
 }
diff --git a/digiwf-apps/package-lock.json b/digiwf-apps/package-lock.json
index 82a417c455..5c1c3d09a4 100644
--- a/digiwf-apps/package-lock.json
+++ b/digiwf-apps/package-lock.json
@@ -7,7 +7,6 @@
       "name": "@muenchen/digiwf-apps",
       "license": "MIT",
       "devDependencies": {
-        "@vue/composition-api": "^1.7.0",
         "eslint": "^8.21.0",
         "install": "^0.13.0",
         "lerna": "^5.4.3",
@@ -17,8 +16,7 @@
         "unplugin-vue-components": "^0.22.4",
         "url": "^0.11.0",
         "vite": "^3.0.8",
-        "vite-plugin-vue2": "^2.0.2",
-        "vue-template-compiler": "2.6.14"
+        "vite-plugin-vue2": "^2.0.2"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -2679,15 +2677,6 @@
       "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
       "dev": true
     },
-    "node_modules/@vue/composition-api": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@vue/composition-api/-/composition-api-1.7.0.tgz",
-      "integrity": "sha512-hxOgLYR+wjuPX9bkP2pAPlqUs98XxBoa9DSLyp1z6+YR92wC42PZcZKs4d+VRtcv4udOv041Kss+F6ap5nj8YA==",
-      "dev": true,
-      "peerDependencies": {
-        "vue": ">= 2.5 < 2.7"
-      }
-    },
     "node_modules/abbrev": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
@@ -3687,7 +3676,8 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
       "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/debug": {
       "version": "4.3.4",
@@ -4835,6 +4825,7 @@
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true,
+      "peer": true,
       "bin": {
         "he": "bin/he"
       }
@@ -11580,6 +11571,7 @@
       "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.14.tgz",
       "integrity": "sha512-ODQS1SyMbjKoO1JBJZojSw6FE4qnh9rIpUZn2EUT86FKizx9uH5z6uXiIrm4/Nb/gwxTi/o17ZDEGWAXHvtC7g==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "de-indent": "^1.0.2",
         "he": "^1.1.0"
@@ -14022,13 +14014,6 @@
         }
       }
     },
-    "@vue/composition-api": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@vue/composition-api/-/composition-api-1.7.0.tgz",
-      "integrity": "sha512-hxOgLYR+wjuPX9bkP2pAPlqUs98XxBoa9DSLyp1z6+YR92wC42PZcZKs4d+VRtcv4udOv041Kss+F6ap5nj8YA==",
-      "dev": true,
-      "requires": {}
-    },
     "abbrev": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
@@ -14777,7 +14762,8 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
       "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "debug": {
       "version": "4.3.4",
@@ -15673,7 +15659,8 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "hosted-git-info": {
       "version": "4.1.0",
@@ -20584,6 +20571,7 @@
       "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.14.tgz",
       "integrity": "sha512-ODQS1SyMbjKoO1JBJZojSw6FE4qnh9rIpUZn2EUT86FKizx9uH5z6uXiIrm4/Nb/gwxTi/o17ZDEGWAXHvtC7g==",
       "dev": true,
+      "peer": true,
       "requires": {
         "de-indent": "^1.0.2",
         "he": "^1.1.0"
diff --git a/digiwf-apps/package.json b/digiwf-apps/package.json
index 72616f7233..20228598c9 100644
--- a/digiwf-apps/package.json
+++ b/digiwf-apps/package.json
@@ -17,7 +17,6 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@vue/composition-api": "^1.7.0",
     "eslint": "^8.21.0",
     "install": "^0.13.0",
     "lerna": "^5.4.3",
@@ -27,7 +26,6 @@
     "unplugin-vue-components": "^0.22.4",
     "url": "^0.11.0",
     "vite": "^3.0.8",
-    "vite-plugin-vue2": "^2.0.2",
-    "vue-template-compiler": "2.6.14"
+    "vite-plugin-vue2": "^2.0.2"
   }
 }
diff --git a/digiwf-apps/packages/apps/digiwf-forms-example/package-lock.json b/digiwf-apps/packages/apps/digiwf-forms-example/package-lock.json
index 99febe8635..099e7319f7 100644
--- a/digiwf-apps/packages/apps/digiwf-forms-example/package-lock.json
+++ b/digiwf-apps/packages/apps/digiwf-forms-example/package-lock.json
@@ -1,25 +1,36 @@
 {
   "name": "@muenchen/digiwf-forms-example",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@muenchen/digiwf-forms-example",
-      "version": "0.17.4",
+      "version": "0.18.0",
       "dependencies": {
         "@koumoul/vjsf": "2.11.3",
-        "@muenchen/digiwf-form-builder": "^0.17.4",
-        "@muenchen/digiwf-form-builder-settings": "^0.17.4",
-        "@muenchen/digiwf-form-renderer": "^0.17.4",
-        "@muenchen/digiwf-multi-file-input": "^0.17.4",
-        "vue": "2.6.14",
+        "@muenchen/digiwf-form-builder": "^0.18.0",
+        "@muenchen/digiwf-form-builder-settings": "^0.18.0",
+        "@muenchen/digiwf-form-renderer": "^0.18.0",
+        "@muenchen/digiwf-multi-file-input": "^0.18.0",
+        "vue": "^2.7.10",
         "vuetify": "^2.6.9"
       },
       "devDependencies": {
         "@mdi/font": "^7.0.96"
       }
     },
+    "node_modules/@babel/parser": {
+      "version": "7.18.13",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz",
+      "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@koumoul/vjsf": {
       "version": "2.11.3",
       "resolved": "https://registry.npmjs.org/@koumoul/vjsf/-/vjsf-2.11.3.tgz",
@@ -51,6 +62,16 @@
       "resolved": "https://registry.npmjs.org/@mdi/js/-/js-6.9.96.tgz",
       "integrity": "sha512-rK0/vLFaiItYS2W7uVmaKPKnhNQE4XVkylpk5njtVwENnp8elwY5uRL6qvdj2esuvUHG7DwygE4Qu3eKxxuJiQ=="
     },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.10.tgz",
+      "integrity": "sha512-55Shns6WPxlYsz4WX7q9ZJBL77sKE1ZAYNYStLs6GbhIOMrNtjMvzcob6gu3cGlfpCR4bT7NXgyJ3tly2+Hx8Q==",
+      "dependencies": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      }
+    },
     "node_modules/ajv": {
       "version": "8.11.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
@@ -95,6 +116,11 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
+    "node_modules/csstype": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+    },
     "node_modules/debounce": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
@@ -182,6 +208,17 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
+    "node_modules/nanoid": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
     "node_modules/object-hash": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
@@ -190,6 +227,34 @@
         "node": ">= 6"
       }
     },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/postcss": {
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/property-expr": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.5.tgz",
@@ -216,6 +281,22 @@
       "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
       "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
     },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
@@ -230,9 +311,13 @@
       }
     },
     "node_modules/vue": {
-      "version": "2.6.14",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.10.tgz",
+      "integrity": "sha512-HmFC70qarSHPXcKtW8U8fgIkF6JGvjEmDiVInTkKZP0gIlEPhlVlcJJLkdGIDiNkIeA2zJPQTWJUI4iWe+AVfg==",
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.10",
+        "csstype": "^3.1.0"
+      }
     },
     "node_modules/vuedraggable": {
       "version": "2.24.3",
@@ -256,6 +341,11 @@
     }
   },
   "dependencies": {
+    "@babel/parser": {
+      "version": "7.18.13",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz",
+      "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg=="
+    },
     "@koumoul/vjsf": {
       "version": "2.11.3",
       "resolved": "https://registry.npmjs.org/@koumoul/vjsf/-/vjsf-2.11.3.tgz",
@@ -287,6 +377,16 @@
       "resolved": "https://registry.npmjs.org/@mdi/js/-/js-6.9.96.tgz",
       "integrity": "sha512-rK0/vLFaiItYS2W7uVmaKPKnhNQE4XVkylpk5njtVwENnp8elwY5uRL6qvdj2esuvUHG7DwygE4Qu3eKxxuJiQ=="
     },
+    "@vue/compiler-sfc": {
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.10.tgz",
+      "integrity": "sha512-55Shns6WPxlYsz4WX7q9ZJBL77sKE1ZAYNYStLs6GbhIOMrNtjMvzcob6gu3cGlfpCR4bT7NXgyJ3tly2+Hx8Q==",
+      "requires": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      }
+    },
     "ajv": {
       "version": "8.11.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
@@ -317,6 +417,11 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
+    "csstype": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+    },
     "debounce": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
@@ -390,11 +495,31 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
+    "nanoid": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
+    },
     "object-hash": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
       "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw=="
     },
+    "picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "postcss": {
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "requires": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      }
+    },
     "property-expr": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.5.tgz",
@@ -415,6 +540,16 @@
       "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
       "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
     },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+    },
     "uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
@@ -429,9 +564,13 @@
       }
     },
     "vue": {
-      "version": "2.6.14",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.10.tgz",
+      "integrity": "sha512-HmFC70qarSHPXcKtW8U8fgIkF6JGvjEmDiVInTkKZP0gIlEPhlVlcJJLkdGIDiNkIeA2zJPQTWJUI4iWe+AVfg==",
+      "requires": {
+        "@vue/compiler-sfc": "2.7.10",
+        "csstype": "^3.1.0"
+      }
     },
     "vuedraggable": {
       "version": "2.24.3",
diff --git a/digiwf-apps/packages/apps/digiwf-forms-example/package.json b/digiwf-apps/packages/apps/digiwf-forms-example/package.json
index 1e32daf636..4f70a0a94e 100644
--- a/digiwf-apps/packages/apps/digiwf-forms-example/package.json
+++ b/digiwf-apps/packages/apps/digiwf-forms-example/package.json
@@ -2,18 +2,18 @@
   "name": "@muenchen/digiwf-forms-example",
   "description": "DigiWF Forms",
   "private": true,
-  "version": "0.17.4",
+  "version": "0.18.0",
   "scripts": {
     "dev": "vite --host localhost",
     "build": "vite build"
   },
   "dependencies": {
     "@koumoul/vjsf": "2.11.3",
-    "@muenchen/digiwf-form-builder": "^0.17.4",
-    "@muenchen/digiwf-form-builder-settings": "^0.17.4",
-    "@muenchen/digiwf-form-renderer": "^0.17.4",
-    "@muenchen/digiwf-multi-file-input": "^0.17.4",
-    "vue": "2.6.14",
+    "@muenchen/digiwf-form-builder": "^0.18.0",
+    "@muenchen/digiwf-form-builder-settings": "^0.18.0",
+    "@muenchen/digiwf-form-renderer": "^0.18.0",
+    "@muenchen/digiwf-multi-file-input": "^0.18.0",
+    "vue": "^2.7.10",
     "vuetify": "^2.6.9"
   },
   "devDependencies": {
diff --git a/digiwf-apps/packages/apps/digiwf-forms-example/src/App.vue b/digiwf-apps/packages/apps/digiwf-forms-example/src/App.vue
index b0ceb0564f..220243fc99 100644
--- a/digiwf-apps/packages/apps/digiwf-forms-example/src/App.vue
+++ b/digiwf-apps/packages/apps/digiwf-forms-example/src/App.vue
@@ -15,13 +15,13 @@
 <script lang="ts">
 import {DwfFormRenderer} from "@muenchen/digiwf-form-renderer";
 import {DwfFormBuilder} from "@muenchen/digiwf-form-builder";
-import {defineComponent, provide} from "@vue/composition-api";
 import {SettingsEN} from "@muenchen/digiwf-form-builder-settings";
 import {DwfMultiFileInput} from "@muenchen/digiwf-multi-file-input";
+import {defineComponent, provide} from "vue";
 
 export default defineComponent({
   components: {DwfFormRenderer, DwfFormBuilder, DwfMultiFileInput},
-  setup(props) {
+  setup() {
     const schema = {
       "type": "object",
       "x-display": "",
@@ -233,14 +233,12 @@ export default defineComponent({
         }
       ]
     }
-
     provide('apiEndpoint', import.meta.env.BASE_URL + 'api/digitalwf-backend-service');
     provide('formContext', {
       id: 'Task01',
       type: 'task'
     })
 
-
     const settings = SettingsEN;
 
     return {
diff --git a/digiwf-apps/packages/apps/digiwf-forms-example/src/components/menu.vue b/digiwf-apps/packages/apps/digiwf-forms-example/src/components/menu.vue
index 0c5fa942e7..a50d54c388 100644
--- a/digiwf-apps/packages/apps/digiwf-forms-example/src/components/menu.vue
+++ b/digiwf-apps/packages/apps/digiwf-forms-example/src/components/menu.vue
@@ -1,6 +1,6 @@
 <script>
 import pkg from '../../package.json'
-import {defineComponent} from '@vue/composition-api'
+import {defineComponent} from "vue";
 
 export default defineComponent({
   setup() {
diff --git a/digiwf-apps/packages/apps/digiwf-forms-example/src/main.ts b/digiwf-apps/packages/apps/digiwf-forms-example/src/main.ts
index 6435be6cc5..b63aabef08 100644
--- a/digiwf-apps/packages/apps/digiwf-forms-example/src/main.ts
+++ b/digiwf-apps/packages/apps/digiwf-forms-example/src/main.ts
@@ -1,14 +1,11 @@
 import Vue, {VNode} from 'vue';
 import App from './App.vue';
 import vuetify from "./plugins/vuetify";
-import VueCompositionAPI from '@vue/composition-api';
 import './plugins/vjsf'
 import './plugins/digiwf-forms'
 
 Vue.config.productionTip = false;
 
-Vue.use(VueCompositionAPI);
-
 new Vue({
     vuetify,
     render: (h): VNode => h(App),
diff --git a/digiwf-apps/packages/components/digiwf-engine-api-internal/package-lock.json b/digiwf-apps/packages/components/digiwf-engine-api-internal/package-lock.json
index e7b4d5cbea..9a9f4e1cb4 100644
--- a/digiwf-apps/packages/components/digiwf-engine-api-internal/package-lock.json
+++ b/digiwf-apps/packages/components/digiwf-engine-api-internal/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@muenchen/digiwf-engine-api-internal",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@muenchen/digiwf-engine-api-internal",
-      "version": "0.17.4",
+      "version": "0.18.0",
       "dependencies": {
         "typescript": "^4.8.2"
       },
diff --git a/digiwf-apps/packages/components/digiwf-engine-api-internal/package.json b/digiwf-apps/packages/components/digiwf-engine-api-internal/package.json
index 7bf0d6e940..fb0223d58a 100644
--- a/digiwf-apps/packages/components/digiwf-engine-api-internal/package.json
+++ b/digiwf-apps/packages/components/digiwf-engine-api-internal/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@muenchen/digiwf-engine-api-internal",
   "description": "Internal digiWF engine api",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "module": "dist/digiwf-engine-api-internal.mjs",
   "scripts": {
     "build": "vite build && tsc --emitDeclarationOnly",
diff --git a/digiwf-apps/packages/components/digiwf-form-builder-settings/package-lock.json b/digiwf-apps/packages/components/digiwf-form-builder-settings/package-lock.json
index 14f202b1ab..6838e3cca3 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder-settings/package-lock.json
+++ b/digiwf-apps/packages/components/digiwf-form-builder-settings/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@muenchen/digiwf-form-renderer",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@muenchen/digiwf-form-renderer",
-      "version": "0.17.4",
+      "version": "0.18.0",
       "peerDependencies": {
         "@koumoul/vjsf": "2.11.3",
         "vue": "2.6.14",
diff --git a/digiwf-apps/packages/components/digiwf-form-builder-settings/package.json b/digiwf-apps/packages/components/digiwf-form-builder-settings/package.json
index 5ce0b2a128..58ce935d1d 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder-settings/package.json
+++ b/digiwf-apps/packages/components/digiwf-form-builder-settings/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@muenchen/digiwf-form-builder-settings",
   "description": "Form Builder Settings",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "module": "dist/digiwf-form-builder-settings.mjs",
   "scripts": {
     "build": "vite build",
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/package-lock.json b/digiwf-apps/packages/components/digiwf-form-builder/package-lock.json
index f848984357..69829ded1b 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/package-lock.json
+++ b/digiwf-apps/packages/components/digiwf-form-builder/package-lock.json
@@ -1,18 +1,18 @@
 {
   "name": "@muenchen/digiwf-form-builder",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@muenchen/digiwf-form-builder",
-      "version": "0.17.4",
+      "version": "0.18.0",
       "devDependencies": {
         "deepmerge": "^4.2.2"
       },
       "peerDependencies": {
-        "vue": "^2.6.14",
-        "vuetify": "^2.6.9"
+        "vue": "^2.7.0",
+        "vuetify": "^2.6.0"
       }
     },
     "node_modules/@babel/parser": {
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/package.json b/digiwf-apps/packages/components/digiwf-form-builder/package.json
index 97a9cd05eb..564495ae89 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/package.json
+++ b/digiwf-apps/packages/components/digiwf-form-builder/package.json
@@ -1,19 +1,19 @@
 {
   "name": "@muenchen/digiwf-form-builder",
   "description": "Form Builder",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "module": "dist/digiwf-form-builder.mjs",
   "scripts": {
     "build": "vite build",
     "watch": "vite build --watch"
   },
   "dependencies": {
-    "@muenchen/digiwf-form-builder-settings": "^0.17.4",
-    "@muenchen/digiwf-form-renderer": "^0.17.4"
+    "@muenchen/digiwf-form-builder-settings": "^0.18.0",
+    "@muenchen/digiwf-form-renderer": "^0.18.0"
   },
   "peerDependencies": {
-    "vue": "^2.6.14",
-    "vuetify": "^2.6.9"
+    "vue": "^2.7.0",
+    "vuetify": "^2.6.0"
   },
   "devDependencies": {
     "deepmerge": "^4.2.2"
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormArrayObject.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormArrayObject.vue
index b7f1fe5d2d..5dd3662988 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormArrayObject.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormArrayObject.vue
@@ -56,8 +56,8 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, inject} from "@vue/composition-api";
 import {FormBuilderSettings} from "@muenchen/digiwf-form-builder-settings";
+import {computed, defineComponent, inject} from "vue";
 
 export default defineComponent({
   props: ['fieldKey', 'value'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilder.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilder.vue
index d120fe2af4..c3fd32163b 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilder.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilder.vue
@@ -36,9 +36,9 @@
 </template>
 
 <script lang="ts">
-import {defineComponent, provide, reactive, set} from "@vue/composition-api";
 import {generateUUID} from "@/utils/UUIDGenerator";
 import {Form, Section} from "@muenchen/digiwf-form-renderer";
+import {defineComponent, provide, reactive, set} from "vue";
 
 export default defineComponent({
   props: ['value', 'name', 'description', 'schema', 'builderSettings'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilderElements.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilderElements.vue
index fca94baf0b..5c60e0abb7 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilderElements.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormBuilderElements.vue
@@ -147,7 +147,7 @@
 </template>
 
 <script lang="ts">
-import {defineComponent, inject} from "@vue/composition-api";
+import {defineComponent, inject} from "vue";
 import {FormBuilderSettings} from "@muenchen/digiwf-form-builder-settings";
 
 export default defineComponent({
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormContainer.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormContainer.vue
index 16f960cd6c..6f76af059c 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormContainer.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormContainer.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, inject} from "@vue/composition-api";
+import {computed, defineComponent, inject} from "vue";
 import {FormFieldContainer} from "@muenchen/digiwf-form-renderer";
 
 
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormField.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormField.vue
index de0a101c1b..683c084848 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormField.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormField.vue
@@ -53,7 +53,7 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, inject} from "@vue/composition-api";
+import {computed, defineComponent, inject} from "vue";
 import {FormBuilderSettings} from "@muenchen/digiwf-form-builder-settings";
 
 export default defineComponent({
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormObject.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormObject.vue
index 5f11f495b6..88e1cca5ca 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormObject.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormObject.vue
@@ -57,7 +57,7 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, inject} from "@vue/composition-api";
+import {computed, defineComponent, inject} from "vue";
 import {FormBuilderSettings} from "@muenchen/digiwf-form-builder-settings";
 
 export default defineComponent({
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalContainer.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalContainer.vue
index 3c0d4d53cf..78093928bf 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalContainer.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalContainer.vue
@@ -79,7 +79,7 @@
 
 <script lang="ts">
 import {generateUUID} from "@/utils/UUIDGenerator";
-import {defineComponent, inject, reactive, set} from "@vue/composition-api";
+import {defineComponent, inject, reactive, set} from "vue";
 import {Container} from "@muenchen/digiwf-form-renderer";
 import {FormBuilderSettings} from "@muenchen/digiwf-form-builder-settings";
 
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalFieldsContainer.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalFieldsContainer.vue
index 154c1c9a12..7a7392fc8a 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalFieldsContainer.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalFieldsContainer.vue
@@ -81,7 +81,7 @@
 
 <script lang="ts">
 import {generateUUID} from "@/utils/UUIDGenerator";
-import {defineComponent, inject, set} from "@vue/composition-api";
+import {defineComponent, inject, set} from "vue";
 import {FormBuilderSettings} from "@muenchen/digiwf-form-builder-settings";
 
 export default defineComponent({
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalItem.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalItem.vue
index 696ab23c27..6c1acf40b6 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalItem.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalItem.vue
@@ -63,7 +63,7 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent, inject} from "@vue/composition-api";
+import {computed, defineComponent, inject} from "vue";
 
 export default defineComponent({
   props: ['value', 'default'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalObjectContainer.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalObjectContainer.vue
index 14b034b27d..1e6ebb3016 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalObjectContainer.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormOptionalObjectContainer.vue
@@ -83,7 +83,7 @@
 
 <script lang="ts">
 import {generateUUID} from "@/utils/UUIDGenerator";
-import {defineComponent, inject, set} from "@vue/composition-api";
+import {defineComponent, inject, set} from "vue";
 
 export default defineComponent({
   props: ['fieldKey', 'value'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormSection.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormSection.vue
index deb12b5846..6cc5cfdb3a 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormSection.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfFormSection.vue
@@ -108,7 +108,7 @@
 
 <script lang="ts">
 import {generateUUID} from "@/utils/UUIDGenerator";
-import {defineComponent, inject, set} from "@vue/composition-api";
+import {defineComponent, inject, set} from "vue";
 import {FormBuilderSettings} from "@muenchen/digiwf-form-builder-settings";
 import {Container, Section} from "@muenchen/digiwf-form-renderer";
 
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfPropertiesContainer.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfPropertiesContainer.vue
index eb4b9f474d..77cd32acf2 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfPropertiesContainer.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/DwfPropertiesContainer.vue
@@ -58,7 +58,7 @@
 
 <script lang="ts">
 import {generateUUID} from "@/utils/UUIDGenerator";
-import {defineComponent, set} from "@vue/composition-api";
+import {defineComponent, set} from "vue";
 
 export default defineComponent({
   props: ['properties', 'dragOptions'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogButton.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogButton.vue
index 0bcf40f610..14765a5f30 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogButton.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogButton.vue
@@ -46,7 +46,8 @@
 
 <script lang="ts">
 
-import {defineComponent} from "@vue/composition-api";
+
+import {defineComponent} from "vue";
 
 export default defineComponent({
   props: ['dialog', 'title', 'cancelButtonText', 'saveButtonText'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogListItem.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogListItem.vue
index c8f611e06e..96453181c7 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogListItem.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDialogListItem.vue
@@ -45,7 +45,7 @@
 
 <script lang="ts">
 
-import {defineComponent} from "@vue/composition-api";
+import {defineComponent} from "vue";
 
 export default defineComponent({
   props: ['dialog', 'title', 'cancelButtonText', 'saveButtonText'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDraggableListItem.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDraggableListItem.vue
index d0ceade308..7de326918f 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDraggableListItem.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/common/DwfDraggableListItem.vue
@@ -27,7 +27,8 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from "@vue/composition-api";
+
+import {defineComponent} from "vue";
 
 export default defineComponent({
   props: ['newName', 'name', 'newDescription', 'icon', 'dragClasses'],
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditContainerModal.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditContainerModal.vue
index 27f864d167..d4aa3bbc06 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditContainerModal.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditContainerModal.vue
@@ -25,8 +25,8 @@
 </template>
 
 <script lang="ts">
-import {defineComponent, reactive, ref} from "@vue/composition-api";
 import {DwfFormRenderer, FormFieldContainer} from "@muenchen/digiwf-form-renderer";
+import {defineComponent, reactive, ref} from "vue";
 
 export default defineComponent({
   components: {DwfFormRenderer},
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditFormFieldModal.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditFormFieldModal.vue
index f5248a04ee..41a504f238 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditFormFieldModal.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditFormFieldModal.vue
@@ -26,7 +26,7 @@
 
 <script lang="ts">
 import {DwfFormRenderer, FormField} from "@muenchen/digiwf-form-renderer";
-import {computed, defineComponent, reactive, ref} from "@vue/composition-api";
+import {computed, defineComponent, reactive, ref} from "vue";
 
 export default defineComponent({
   components: {DwfFormRenderer},
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditSectionModal.vue b/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditSectionModal.vue
index 5d905516ed..4ec7f19439 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditSectionModal.vue
+++ b/digiwf-apps/packages/components/digiwf-form-builder/src/components/modals/DwfEditSectionModal.vue
@@ -26,8 +26,8 @@
 
 
 <script lang="ts">
-import {defineComponent, reactive, ref} from "@vue/composition-api";
 import {DwfFormRenderer, Section} from "@muenchen/digiwf-form-renderer";
+import {defineComponent, reactive, ref} from "vue";
 
 export default defineComponent({
   components: {DwfFormRenderer},
diff --git a/digiwf-apps/packages/components/digiwf-form-builder/vite.config.ts b/digiwf-apps/packages/components/digiwf-form-builder/vite.config.ts
index 2fc1b08499..4891a754b7 100644
--- a/digiwf-apps/packages/components/digiwf-form-builder/vite.config.ts
+++ b/digiwf-apps/packages/components/digiwf-form-builder/vite.config.ts
@@ -33,7 +33,6 @@ export default defineConfig({
                 'vuex',
                 'vue-router',
                 /@vuetify\/.*/,
-                /@vue\/.*/,
                 /@koumoul\/.*/
             ],
             output: {
diff --git a/digiwf-apps/packages/components/digiwf-form-renderer/package-lock.json b/digiwf-apps/packages/components/digiwf-form-renderer/package-lock.json
index f99fb5554a..cd67276cdb 100644
--- a/digiwf-apps/packages/components/digiwf-form-renderer/package-lock.json
+++ b/digiwf-apps/packages/components/digiwf-form-renderer/package-lock.json
@@ -1,19 +1,19 @@
 {
   "name": "@muenchen/digiwf-form-renderer",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@muenchen/digiwf-form-renderer",
-      "version": "0.17.4",
+      "version": "0.18.0",
       "devDependencies": {
         "deepmerge": "^4.2.2"
       },
       "peerDependencies": {
         "@koumoul/vjsf": "^2.11.3",
-        "vue": "^2.6.14",
-        "vuetify": "^2.6.9"
+        "vue": "^2.7.0",
+        "vuetify": "^2.6.0"
       }
     },
     "node_modules/@babel/parser": {
diff --git a/digiwf-apps/packages/components/digiwf-form-renderer/package.json b/digiwf-apps/packages/components/digiwf-form-renderer/package.json
index c954878ae3..803a2b773f 100644
--- a/digiwf-apps/packages/components/digiwf-form-renderer/package.json
+++ b/digiwf-apps/packages/components/digiwf-form-renderer/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@muenchen/digiwf-form-renderer",
   "description": "Form renderer",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "module": "dist/digiwf-form-renderer.mjs",
   "scripts": {
     "build": "vite build",
@@ -9,8 +9,8 @@
   },
   "peerDependencies": {
     "@koumoul/vjsf": "^2.11.3",
-    "vue": "^2.6.14",
-    "vuetify": "^2.6.9"
+    "vue": "^2.7.0",
+    "vuetify": "^2.6.0"
   },
   "devDependencies": {
     "deepmerge": "^4.2.2"
diff --git a/digiwf-apps/packages/components/digiwf-form-renderer/src/components/DwfFormRenderer.vue b/digiwf-apps/packages/components/digiwf-form-renderer/src/components/DwfFormRenderer.vue
index cf7aa21dad..b556875a9b 100644
--- a/digiwf-apps/packages/components/digiwf-form-renderer/src/components/DwfFormRenderer.vue
+++ b/digiwf-apps/packages/components/digiwf-form-renderer/src/components/DwfFormRenderer.vue
@@ -12,9 +12,9 @@
 
 <script lang="ts">
 //@ts-ignore
-import {computed, defineComponent, ref} from "@vue/composition-api";
 import deepmerge from "deepmerge";
 import {VBtn, VForm} from "vuetify/lib/components";
+import {computed, defineComponent, ref} from "vue";
 
 export default defineComponent({
   props: ['options', 'buttonText', 'value', 'schema'],
@@ -134,4 +134,4 @@ export default defineComponent({
 .theme--light.v-text-field--filled > .v-input__control > .v-input__slot:hover {
   background-color: white !important;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/digiwf-apps/packages/components/digiwf-form-renderer/vite.config.ts b/digiwf-apps/packages/components/digiwf-form-renderer/vite.config.ts
index 8f9c78a8e6..b1b84bd544 100644
--- a/digiwf-apps/packages/components/digiwf-form-renderer/vite.config.ts
+++ b/digiwf-apps/packages/components/digiwf-form-renderer/vite.config.ts
@@ -18,7 +18,6 @@ export default defineConfig({
                 'vuex',
                 'vue-router',
                 /@vuetify\/.*/,
-                /@vue\/.*/,
                 /@koumoul\/.*/
             ],
             output: {
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json b/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json
index ec2d6db45a..7fc129b921 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@muenchen/digiwf-multi-file-input",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@muenchen/digiwf-multi-file-input",
-      "version": "0.17.4",
+      "version": "0.18.0",
       "devDependencies": {
         "@types/mime": "^2.0.3",
         "axios": "^0.26.0",
@@ -15,8 +15,8 @@
         "vue-pdf-embed": "^1.1.2"
       },
       "peerDependencies": {
-        "vue": "^2.6.14",
-        "vuetify": "^2.6.9"
+        "vue": "^2.7.0",
+        "vuetify": "^2.6.0"
       }
     },
     "node_modules/@babel/parser": {
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/package.json b/digiwf-apps/packages/components/digiwf-multi-file-input/package.json
index 4ac259fcab..bc64a5e93a 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/package.json
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/package.json
@@ -1,18 +1,18 @@
 {
   "name": "@muenchen/digiwf-multi-file-input",
   "description": "Form renderer",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "module": "dist/digiwf-multi-file-input.mjs",
   "scripts": {
     "build": "vite build",
     "watch": "vite build --watch"
   },
   "dependencies": {
-    "@muenchen/digiwf-engine-api-internal": "^0.17.4"
+    "@muenchen/digiwf-engine-api-internal": "^0.18.0"
   },
   "peerDependencies": {
-    "vue": "^2.6.14",
-    "vuetify": "^2.6.9"
+    "vue": "^2.7.0",
+    "vuetify": "^2.6.0"
   },
   "devDependencies": {
     "@types/mime": "^2.0.3",
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
index b529001b5e..4aeebd22aa 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
@@ -13,18 +13,18 @@
         <v-card-text>
           <div class="preview">
             <v-img
-              v-if="isImage"
-              class="preview-component"
-              :src="document.data"
-              max-width="200px"
-              alt="Image preview..."
+                v-if="isImage"
+                class="preview-component"
+                :src="document.data"
+                max-width="200px"
+                alt="Image preview..."
             >
             </v-img>
 
             <vue2-pdf-embed
-              v-else-if="document.type === 'application/pdf'"
-              :source="document.data"
-              class="preview-component"
+                v-else-if="document.type === 'application/pdf'"
+                :source="document.data"
+                class="preview-component"
             />
 
             <div v-else class="preview-text">Keine Vorschau verfügbar</div>
@@ -32,12 +32,12 @@
               <div class="footer">{{ formatBytes(0) }}</div>
               <template v-if="!readonly">
                 <v-btn
-                  class="remove-button ma-1"
-                  elevation="1"
-                  icon
-                  @click.stop="removeDocument"
+                    class="remove-button ma-1"
+                    elevation="1"
+                    icon
+                    @click.stop="removeDocument"
                 >
-                  <v-icon> mdi-delete </v-icon>
+                  <v-icon> mdi-delete</v-icon>
                 </v-btn>
               </template>
             </div>
@@ -49,67 +49,68 @@
 </template>
 
 <script lang="ts">
-import {computed, defineComponent} from "@vue/composition-api";
+
+import {computed, defineComponent} from "vue";
 
 export default defineComponent({
   props: ['document', 'readonly'],
   emits: ['remove-document'],
   setup(props, {emit}) {
 
-    const byteCharacters = computed(()=> atob(props.document.data.substr(`data:${props.document.type};base64,`.length)));
+    const calcByteCharacters = computed(() => atob(props.document.data.substr(`data:${props.document.type};base64,`.length)));
 
     const icon = computed(() => {
-        if (
-            props.document.type === "image/jpeg" ||
-            props.document.type === "image/png" ||
-            props.document.type === "image/gif" ||
-            props.document.type === "image/bmp"
-        ) {
-          return "mdi-image";
-        }
-        if (props.document.type === "application/pdf") {
-          return "mdi-file-pdf";
-        }
-        if (
-            props.document.type === "application/msword" ||
-            props.document.type ===
-            "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ||
-            props.document.type === "application/vnd.oasis.opendocument.text"
-        ) {
-          return "mdi-file-word";
-        }
-        if (
-            props.document.type === "application/vnd.ms-powerpoint" ||
-            props.document.type ===
-            "application/vnd.openxmlformats-officedocument.presentationml.presentation" ||
-            props.document.type === "application/vnd.oasis.opendocument.presentation"
-        ) {
-          return "mdi-file-powerpoint";
-        }
-        if (
-            props.document.type === "application/vnd.ms-excel" ||
-            props.document.type ===
-            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
-            props.document.type === "application/vnd.oasis.opendocument.spreadsheet"
-        ) {
-          return "mdi-file-excel";
-        }
-        if (
-            props.document.type === "application/xml" ||
-            props.document.type === "application/json" ||
-            props.document.type === "application/xhtml+xml" ||
-            props.document.type === "text/html" ||
-            props.document.type === "text/xml"
-        ) {
-          return "mdi-file-code";
-        }
-        return "mdi-file";
+      if (
+          props.document.type === "image/jpeg" ||
+          props.document.type === "image/png" ||
+          props.document.type === "image/gif" ||
+          props.document.type === "image/bmp"
+      ) {
+        return "mdi-image";
+      }
+      if (props.document.type === "application/pdf") {
+        return "mdi-file-pdf";
+      }
+      if (
+          props.document.type === "application/msword" ||
+          props.document.type ===
+          "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ||
+          props.document.type === "application/vnd.oasis.opendocument.text"
+      ) {
+        return "mdi-file-word";
+      }
+      if (
+          props.document.type === "application/vnd.ms-powerpoint" ||
+          props.document.type ===
+          "application/vnd.openxmlformats-officedocument.presentationml.presentation" ||
+          props.document.type === "application/vnd.oasis.opendocument.presentation"
+      ) {
+        return "mdi-file-powerpoint";
+      }
+      if (
+          props.document.type === "application/vnd.ms-excel" ||
+          props.document.type ===
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+          props.document.type === "application/vnd.oasis.opendocument.spreadsheet"
+      ) {
+        return "mdi-file-excel";
+      }
+      if (
+          props.document.type === "application/xml" ||
+          props.document.type === "application/json" ||
+          props.document.type === "application/xhtml+xml" ||
+          props.document.type === "text/html" ||
+          props.document.type === "text/xml"
+      ) {
+        return "mdi-file-code";
+      }
+      return "mdi-file";
     });
 
-    const isImage = computed(() =>   props.document.type.toLowerCase() === "image/jpeg" || props.document.type.toLowerCase() === "image/png");
+    const isImage = computed(() => props.document.type.toLowerCase() === "image/jpeg" || props.document.type.toLowerCase() === "image/png");
 
-    const blobUrl = () : string  => {
-      const byteCharacters = byteCharacters;
+    const blobUrl = (): string => {
+      const byteCharacters = calcByteCharacters.value;
 
       const byteArrays: Uint8Array[] = [];
 
@@ -123,11 +124,11 @@ export default defineComponent({
         const byteArray = new Uint8Array(byteNumbers);
         byteArrays.push(byteArray);
       }
-      const blob = new Blob(byteArrays, { type: props.document.type });
+      const blob = new Blob(byteArrays, {type: props.document.type});
       return URL.createObjectURL(blob);
     }
 
-    const openInTab= () => {
+    const openInTab = () => {
       const calcVlobUrl = blobUrl();
       const link = document.createElement("a");
       link.href = calcVlobUrl;
@@ -141,10 +142,10 @@ export default defineComponent({
       const dm = decimals < 0 ? 0 : decimals;
       const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
 
-      const i = Math.floor(Math.log(this.document.size) / Math.log(k));
+      const i = Math.floor(Math.log(props.document.size) / Math.log(k));
 
       return (
-          parseFloat((this.document.size / Math.pow(k, i)).toFixed(dm)) +
+          parseFloat((props.document.size / Math.pow(k, i)).toFixed(dm)) +
           " " +
           sizes[i]
       );
@@ -155,7 +156,7 @@ export default defineComponent({
     }
 
     return {
-      byteCharacters,
+      calcByteCharacters,
       icon,
       isImage,
       openInTab,
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
index 5c639603fe..7b430d1dc9 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
@@ -46,7 +46,6 @@ import mime from "mime";
 import globalAxios from "axios";
 //@ts-ignore
 import {v4 as uuidv4} from 'uuid';
-import {computed, defineComponent, inject, ref} from "@vue/composition-api";
 import {DocumentData, FormContext} from "../../types";
 import {
   Configuration,
@@ -55,6 +54,7 @@ import {
   ServiceInstanceFileRestControllerApiFactory,
   ServiceStartFileRestControllerApiFactory
 } from "@muenchen/digiwf-engine-api-internal";
+import {computed, defineComponent, inject, onMounted, ref} from "vue";
 
 export default defineComponent({
   props: [
@@ -73,10 +73,10 @@ export default defineComponent({
   ],
   setup(props) {
     let model = "";
-    let fileValue = ref<File[]>(null);
+    let fileValue = ref<File[] | null>(null);
     let data: any = {};
     let documents: DocumentData[] = [];
-    let errorMessage = "";
+    let errorMessage = ref<string>("");
     let isLoading = false;
     let uuid = "";
 
@@ -97,23 +97,6 @@ export default defineComponent({
       });
     }
 
-    const created = () => {
-      if (!formContext.id) {
-        errorMessage = "no contextId";
-        return;
-      }
-
-      //initialize uuid if enabled
-      if (props.schema.uuidEnabled) {
-        if (props.value && props.value.key) {
-          uuid = props.value.key;
-        } else {
-          uuid = uuidv4();
-        }
-      }
-      loadInitialValues();
-    }
-
     const isReadonly = computed(() => {
       return (
           props.disabled ||
@@ -147,15 +130,15 @@ export default defineComponent({
         for (const filename of filenames) {
           await loadFile(filename);
         }
-        errorMessage = "";
+        errorMessage.value = "";
         if (documents.length > 0) {
           // set dummy value to satisfy "required"-rule
-          fileValue = [];
-          fileValue.push(new File([""], documents[0].name));
+          fileValue.value = [];
+          fileValue.value.push(new File([""], documents[0].name));
           input(documents.length);
         }
       } catch (error) {
-        errorMessage = "Die Dateien konnten nicht geladen werden.";
+        errorMessage.value = "Die Dateien konnten nicht geladen werden.";
       }
       isLoading = false;
     }
@@ -216,7 +199,7 @@ export default defineComponent({
 
         documents.push(doc);
 
-        errorMessage = "";
+        errorMessage.value = "";
         isLoading = false;
         input(documents.length);
       } catch (error: any) {
@@ -225,9 +208,9 @@ export default defineComponent({
             error.response.status &&
             error.response.status == 409
         ) {
-          errorMessage = "Das Dokument existiert bereits.";
-        } else if (!errorMessage) {
-          errorMessage = "Das Dokument konnte nicht hochgeladen werden.";
+          errorMessage.value = "Das Dokument existiert bereits.";
+        } else if (!errorMessage.value) {
+          errorMessage.value = "Das Dokument konnte nicht hochgeladen werden.";
         }
         setTimeout(() => {
           isLoading = false;
@@ -238,7 +221,7 @@ export default defineComponent({
 
     const validateFileSize = (mydata: ArrayBuffer) => {
       if (mydata.byteLength > 10485760) {
-        errorMessage = "Die Datei ist muss kleiner als 10MB sein.";
+        errorMessage.value = "Die Datei ist muss kleiner als 10MB sein.";
         throw new Error("File too large.");
       }
     }
@@ -273,21 +256,21 @@ export default defineComponent({
       const cfg = axiosConfig();
 
       let res: any;
-      if (formContext.type === "start") {
+      if (formContext!.type === "start") {
         res = await ServiceStartFileRestControllerApiFactory(cfg).getFileNames1(
-            formContext.id,
-            filePath
+            formContext!.id,
+            filePath.value
         );
-      } else if (formContext.type == "task") {
+      } else if (formContext!.type == "task") {
         res = await HumanTaskFileRestControllerApiFactory(cfg).getFileNames(
-            formContext.id,
-            filePath
+            formContext!.id,
+            filePath.value
         );
       } else {
         //type "instance"
         res = await ServiceInstanceFileRestControllerApiFactory(cfg).getFileNames2(
-            formContext.id,
-            filePath
+            formContext!.id,
+            filePath.value
         );
       }
 
@@ -298,24 +281,24 @@ export default defineComponent({
       const cfg = axiosConfig();
 
       let res: any;
-      if (formContext.type === "start") {
+      if (formContext!.type === "start") {
         res = await ServiceStartFileRestControllerApiFactory(cfg).getPresignedUrlForFileUpload1(
-            formContext.id,
+            formContext!.id,
             file!.name,
-            filePath
+            filePath.value
         );
-      } else if (formContext.type == "task") {
+      } else if (formContext!.type == "task") {
         res = await HumanTaskFileRestControllerApiFactory(cfg).getPresignedUrlForFileUpload(
-            formContext.id,
+            formContext!.id,
             file!.name,
-            filePath
+            filePath.value
         );
       } else {
         //type "instance"
         res = await ServiceInstanceFileRestControllerApiFactory(cfg).getPresignedUrlForFileUpload2(
-            formContext.id,
+            formContext!.id,
             file!.name,
-            filePath
+            filePath.value
         );
       }
 
@@ -326,28 +309,28 @@ export default defineComponent({
       const cfg = axiosConfig();
 
       let res: any;
-      if (formContext.type === "start") {
+      if (formContext!.type === "start") {
         res = await ServiceStartFileRestControllerApiFactory(
             cfg
         ).getPresignedUrlForFileDownload1(
-            formContext.id,
+            formContext!.id,
             filename,
-            filePath
+            filePath.value
         );
-      } else if (formContext.type == "task") {
+      } else if (formContext!.type == "task") {
         res = await HumanTaskFileRestControllerApiFactory(
             cfg
         ).getPresignedUrlForFileDownload(
-            formContext.id,
+            formContext!.id,
             filename,
-            filePath
+            filePath.value
         );
       } else {
         //type "instance"
         res = await ServiceInstanceFileRestControllerApiFactory(cfg).getPresignedUrlForFileDownload2(
-            formContext.id,
+            formContext!.id,
             filename,
-            filePath
+            filePath.value
         );
       }
 
@@ -365,7 +348,7 @@ export default defineComponent({
         ).getPresignedUrlForFileDeletion1(
             formContext!.id,
             filename,
-            filePath
+            filePath.value
         );
       } else if (formContext!.type == "task") {
         res = await HumanTaskFileRestControllerApiFactory(
@@ -373,14 +356,14 @@ export default defineComponent({
         ).getPresignedUrlForFileDeletion(
             formContext!.id,
             filename,
-            filePath
+            filePath.value
         );
       } else {
         //type "instance"
         res = await ServiceInstanceFileRestControllerApiFactory(cfg).getPresignedUrlForFileDeletion2(
             formContext!.id,
             filename,
-            filePath
+            filePath.value
         );
       }
 
@@ -391,7 +374,7 @@ export default defineComponent({
       if (!fileValue.value) {
         return;
       }
-      errorMessage = "";
+      errorMessage.value = "";
 
       fileValue.value.forEach((file) => {
         const reader = new FileReader();
@@ -417,11 +400,11 @@ export default defineComponent({
             documents.splice(i, 1);
             if (documents.length == 0) {
               // set null value to violate "required"-rule
-              fileValue = null;
+              fileValue.value = null;
             }
             break; // only remove first item
           } catch (error) {
-            errorMessage = "Die Datei konnte nicht gelöscht werden.";
+            errorMessage.value = "Die Datei konnte nicht gelöscht werden.";
           }
         }
       }
@@ -451,6 +434,22 @@ export default defineComponent({
       return base64Regex.test(content);
     }
 
+    onMounted(() => {
+      if (!formContext!.id) {
+        errorMessage.value = "no contextId";
+        return;
+      }
+      //initialize uuid if enabled
+      if (props.schema.uuidEnabled) {
+        if (props.value && props.value.key) {
+          uuid = props.value.key;
+        } else {
+          uuid = uuidv4();
+        }
+      }
+      loadInitialValues();
+    })
+
     return {
       model,
       fileValue,
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/vite.config.ts b/digiwf-apps/packages/components/digiwf-multi-file-input/vite.config.ts
index 07f8d3768d..583a27a2c1 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/vite.config.ts
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/vite.config.ts
@@ -26,8 +26,7 @@ export default defineConfig({
                 'vue',
                 'vuex',
                 'vue-router',
-                /@vuetify\/.*/,
-                /@vue\/.*/
+                /@vuetify\/.*/
             ],
             output: {
                 globals: {