From 3aa81f2d3fc0017693e8b279af7211d45cd5b479 Mon Sep 17 00:00:00 2001
From: Edie Lemoine <edie@myparcel.nl>
Date: Wed, 13 Mar 2024 12:20:11 +0100
Subject: [PATCH] fix(npm): fix builds and exports

BREAKING CHANGE: may break imports and/or cause new build errors
---
 .gitignore                                    |   1 +
 apps/demo/package.json                        |  12 +-
 apps/demo/src/components/Bonnetje.vue         |   2 +-
 .../ComponentWithoutElementProp.vue           |   2 +-
 apps/demo/src/components/FormDiagnostics.vue  |   2 +-
 .../FormGroupWithoutElementProp.vue           |   2 +-
 apps/demo/src/components/Heading.vue          |   2 +-
 .../src/components/template/FormGroup.vue     |   2 +-
 apps/demo/src/components/template/TButton.vue |   2 +-
 .../src/components/template/THiddenInput.vue  |   2 +-
 .../src/components/template/TNumberInput.vue  |   2 +-
 .../src/components/template/TResetButton.vue  |   2 +-
 apps/demo/src/components/template/TSelect.vue |   2 +-
 .../src/components/template/TSubmitButton.vue |   2 +-
 .../src/components/template/TTextInput.vue    |   2 +-
 .../src/components/template/TToggleSwitch.vue |   2 +-
 .../components/template/TableFormGroup.vue    |   2 +-
 apps/demo/src/composables/useAddressForm.ts   |   4 +-
 apps/demo/src/forms/noPropForm.ts             |   2 +-
 apps/demo/src/forms/shipmentOptionsForm.tsx   |   2 +-
 apps/demo/src/main.ts                         |   2 +-
 apps/demo/src/test/elementTypes.types.ts      |   2 +-
 .../src/validation/stringContainsValidator.ts |   2 +-
 apps/demo/src/views/EditAddressView.vue       |   2 +-
 apps/demo/src/views/NoPropView.vue            |   2 +-
 apps/demo/src/views/ShipmentOptionsView.vue   |   2 +-
 apps/demo/vite.config.ts                      |   9 +-
 apps/vue-form-builder/package.json            |  34 +-
 apps/vue-form-builder/vite.config.ts          |  31 +-
 libs/build-vite/index.d.ts                    |   7 +
 libs/build-vite/index.js                      |  72 ++++
 libs/build-vite/package.json                  |  35 ++
 libs/core/package.json                        |  12 +-
 libs/core/vite.config.ts                      |   3 +
 libs/core/vitest.config.ts                    |  16 -
 libs/hook-manager/package.json                |  13 +-
 libs/hook-manager/vite.config.ts              |   3 +
 libs/hook-manager/vitest.config.ts            |  12 -
 libs/plugin/package.json                      |  14 +-
 libs/plugin/src/devtools/createFieldsNodes.ts |   6 +-
 libs/plugin/vite.config.ts                    |   3 +
 libs/utils/package.json                       |  14 +-
 libs/utils/vite.config.ts                     |   3 +
 nx.json                                       |   5 +-
 package.json                                  |  10 +-
 tsconfig.json                                 |   9 +-
 yarn.lock                                     | 347 +++++++++++++++++-
 47 files changed, 560 insertions(+), 161 deletions(-)
 create mode 100644 libs/build-vite/index.d.ts
 create mode 100644 libs/build-vite/index.js
 create mode 100755 libs/build-vite/package.json
 create mode 100644 libs/core/vite.config.ts
 delete mode 100644 libs/core/vitest.config.ts
 create mode 100644 libs/hook-manager/vite.config.ts
 delete mode 100644 libs/hook-manager/vitest.config.ts
 create mode 100644 libs/plugin/vite.config.ts
 create mode 100644 libs/utils/vite.config.ts

diff --git a/.gitignore b/.gitignore
index 1d8c234f..4ce3f390 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,6 +19,7 @@ vite.config.ts.timestamp-*
 *.sln
 *.suo
 *.sw?
+*.tgz
 .AppleDouble
 .DS_Store
 .LSOverride
diff --git a/apps/demo/package.json b/apps/demo/package.json
index 4edea8bc..70bac34f 100755
--- a/apps/demo/package.json
+++ b/apps/demo/package.json
@@ -5,11 +5,15 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "build": "vite build",
-    "build:dev": "vite build --mode development",
-    "clean": "rimraf dist",
+    "build": "run ws:vite:build \"$(pwd)\"",
+    "build:dev": "run ws:vite:build:dev \"$(pwd)\"",
+    "clean": "run ws:clean \"$(pwd)\"",
     "serve": "vite",
-    "typecheck": "run ws:vue:typecheck \"$(pwd)\""
+    "test": "run ws:test \"$(pwd)\"",
+    "test:coverage": "run ws:test:coverage \"$(pwd)\"",
+    "test:run": "run ws:test:run \"$(pwd)\"",
+    "test:update": "run ws:test:update \"$(pwd)\"",
+    "typecheck": "run ws:vite:typecheck \"$(pwd)\""
   },
   "dependencies": {
     "@myparcel/constants": "^1.1.0",
diff --git a/apps/demo/src/components/Bonnetje.vue b/apps/demo/src/components/Bonnetje.vue
index 36f0842e..dbfd82fd 100644
--- a/apps/demo/src/components/Bonnetje.vue
+++ b/apps/demo/src/components/Bonnetje.vue
@@ -35,7 +35,7 @@
 
 <script lang="ts">
 import {computed, defineComponent} from 'vue';
-import {useForm} from '@myparcel/vue-form-builder/ts';
+import {useForm} from '@myparcel/vue-form-builder';
 
 export default defineComponent({
   name: 'Bonnetje',
diff --git a/apps/demo/src/components/ComponentWithoutElementProp.vue b/apps/demo/src/components/ComponentWithoutElementProp.vue
index 55180cab..d9742801 100644
--- a/apps/demo/src/components/ComponentWithoutElementProp.vue
+++ b/apps/demo/src/components/ComponentWithoutElementProp.vue
@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import {useVModel} from '@vueuse/core';
-import {useElement} from '@myparcel/vue-form-builder/ts';
+import {useElement} from '@myparcel/vue-form-builder';
 
 // eslint-disable-next-line vue/no-unused-properties
 const props = defineProps<{modelValue: string}>();
diff --git a/apps/demo/src/components/FormDiagnostics.vue b/apps/demo/src/components/FormDiagnostics.vue
index c862c6dd..46d54663 100644
--- a/apps/demo/src/components/FormDiagnostics.vue
+++ b/apps/demo/src/components/FormDiagnostics.vue
@@ -26,7 +26,7 @@
 <script generic="V extends FormValues" lang="ts" setup>
 import {toRefs} from 'vue';
 import {type MaybeUnwrapNestedRefs, type FormValues} from '@myparcel-vfb/core';
-import {type FormInstance} from '@myparcel/vue-form-builder/ts';
+import {type FormInstance} from '@myparcel/vue-form-builder';
 import {useFormEventLog} from '../composables/useFormEventLog';
 
 // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-arguments
diff --git a/apps/demo/src/components/FormGroupWithoutElementProp.vue b/apps/demo/src/components/FormGroupWithoutElementProp.vue
index 3e8f1388..7351ea3b 100644
--- a/apps/demo/src/components/FormGroupWithoutElementProp.vue
+++ b/apps/demo/src/components/FormGroupWithoutElementProp.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import {useElement} from '@myparcel/vue-form-builder/ts';
+import {useElement} from '@myparcel/vue-form-builder';
 
 const element = useElement();
 </script>
diff --git a/apps/demo/src/components/Heading.vue b/apps/demo/src/components/Heading.vue
index 2f330f00..fbc6e3d9 100644
--- a/apps/demo/src/components/Heading.vue
+++ b/apps/demo/src/components/Heading.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts">
 import {type PropType, defineComponent} from 'vue';
-import {type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 
 export default defineComponent({
   name: 'Heading',
diff --git a/apps/demo/src/components/template/FormGroup.vue b/apps/demo/src/components/template/FormGroup.vue
index 0c407f56..15ce6dd5 100644
--- a/apps/demo/src/components/template/FormGroup.vue
+++ b/apps/demo/src/components/template/FormGroup.vue
@@ -21,7 +21,7 @@
 
 <script lang="ts">
 import {defineComponent, type PropType, type UnwrapNestedRefs} from 'vue';
-import {type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 import {translate} from '../../translate';
 import ErrorBox from './ErrorBox.vue';
 
diff --git a/apps/demo/src/components/template/TButton.vue b/apps/demo/src/components/template/TButton.vue
index d2081c1e..e1f33c03 100644
--- a/apps/demo/src/components/template/TButton.vue
+++ b/apps/demo/src/components/template/TButton.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts">
 import {defineComponent, type PropType} from 'vue';
-import {type PlainElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type PlainElementInstance} from '@myparcel/vue-form-builder';
 import LoadingOverlay from '../LoadingOverlay.vue';
 import {translate} from '../../translate';
 
diff --git a/apps/demo/src/components/template/THiddenInput.vue b/apps/demo/src/components/template/THiddenInput.vue
index 49cb320d..4fcc3c6a 100644
--- a/apps/demo/src/components/template/THiddenInput.vue
+++ b/apps/demo/src/components/template/THiddenInput.vue
@@ -7,7 +7,7 @@
 <script lang="ts">
 import {defineComponent, type PropType} from 'vue';
 import {useVModel} from '@vueuse/core';
-import {type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 
 export default defineComponent({
   name: 'TTextInput',
diff --git a/apps/demo/src/components/template/TNumberInput.vue b/apps/demo/src/components/template/TNumberInput.vue
index acc33e57..a6dc6e44 100644
--- a/apps/demo/src/components/template/TNumberInput.vue
+++ b/apps/demo/src/components/template/TNumberInput.vue
@@ -16,7 +16,7 @@
 <script lang="ts">
 import {defineComponent, type PropType} from 'vue';
 import {useVModel} from '@vueuse/core';
-import {type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 
 export default defineComponent({
   name: 'TNumberInput',
diff --git a/apps/demo/src/components/template/TResetButton.vue b/apps/demo/src/components/template/TResetButton.vue
index ad6189a2..7ee5a5bd 100644
--- a/apps/demo/src/components/template/TResetButton.vue
+++ b/apps/demo/src/components/template/TResetButton.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts">
 import {defineComponent, type PropType} from 'vue';
-import {type PlainElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type PlainElementInstance} from '@myparcel/vue-form-builder';
 import {translate} from '../../translate';
 import TButton from './TButton.vue';
 
diff --git a/apps/demo/src/components/template/TSelect.vue b/apps/demo/src/components/template/TSelect.vue
index 6208b602..abe22b84 100644
--- a/apps/demo/src/components/template/TSelect.vue
+++ b/apps/demo/src/components/template/TSelect.vue
@@ -19,7 +19,7 @@
 <script lang="ts">
 import {computed, type ComputedRef, defineComponent, type PropType, watch} from 'vue';
 import {useVModel} from '@vueuse/core';
-import {type InteractiveElementInstance, type SelectOption} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance, type SelectOption} from '@myparcel/vue-form-builder';
 
 export default defineComponent({
   name: 'TSelect',
diff --git a/apps/demo/src/components/template/TSubmitButton.vue b/apps/demo/src/components/template/TSubmitButton.vue
index 5198f2e2..24647216 100644
--- a/apps/demo/src/components/template/TSubmitButton.vue
+++ b/apps/demo/src/components/template/TSubmitButton.vue
@@ -26,7 +26,7 @@
 
 <script lang="ts">
 import {defineComponent, type PropType} from 'vue';
-import {type PlainElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type PlainElementInstance} from '@myparcel/vue-form-builder';
 import LoadingOverlay from '../LoadingOverlay.vue';
 import {translate} from '../../translate';
 
diff --git a/apps/demo/src/components/template/TTextInput.vue b/apps/demo/src/components/template/TTextInput.vue
index cc871e91..6f5f87df 100644
--- a/apps/demo/src/components/template/TTextInput.vue
+++ b/apps/demo/src/components/template/TTextInput.vue
@@ -15,7 +15,7 @@
 <script lang="ts">
 import {defineComponent, type PropType} from 'vue';
 import {useVModel} from '@vueuse/core';
-import {type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 
 export default defineComponent({
   name: 'TTextInput',
diff --git a/apps/demo/src/components/template/TToggleSwitch.vue b/apps/demo/src/components/template/TToggleSwitch.vue
index 4e2fe0ad..499e3c26 100644
--- a/apps/demo/src/components/template/TToggleSwitch.vue
+++ b/apps/demo/src/components/template/TToggleSwitch.vue
@@ -20,7 +20,7 @@
 /* eslint-disable vue/no-unused-properties */
 import {defineComponent, type PropType} from 'vue';
 import {useVModel} from '@vueuse/core';
-import {type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 
 export default defineComponent({
   name: 'TToggleSwitch',
diff --git a/apps/demo/src/components/template/TableFormGroup.vue b/apps/demo/src/components/template/TableFormGroup.vue
index bc0938fe..afe0bc9f 100644
--- a/apps/demo/src/components/template/TableFormGroup.vue
+++ b/apps/demo/src/components/template/TableFormGroup.vue
@@ -30,7 +30,7 @@
 
 <script lang="ts">
 import {type PropType, defineComponent} from 'vue';
-import {type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 import {translate} from '../../translate';
 
 export default defineComponent({
diff --git a/apps/demo/src/composables/useAddressForm.ts b/apps/demo/src/composables/useAddressForm.ts
index 455cc2f3..62a13cea 100644
--- a/apps/demo/src/composables/useAddressForm.ts
+++ b/apps/demo/src/composables/useAddressForm.ts
@@ -1,8 +1,8 @@
 /* eslint-disable */
 // @ts-nocheck
-import {defineForm, Form, SelectOption} from '@myparcel/vue-form-builder/ts';
+import {defineForm, SelectOption, FormInstance} from '@myparcel/vue-form-builder';
 
-const postcodeHousenumberValidation = async (form: Form) => {
+const postcodeHousenumberValidation = async (form: FormInstance) => {
   form.model.postcodeHousenumberValidation.visible = false;
 
   if (form.model.postcode && form.model.housenumber && form.model.country === 'NL') {
diff --git a/apps/demo/src/forms/noPropForm.ts b/apps/demo/src/forms/noPropForm.ts
index faf6a7ec..a098bc87 100644
--- a/apps/demo/src/forms/noPropForm.ts
+++ b/apps/demo/src/forms/noPropForm.ts
@@ -1,5 +1,5 @@
 import {ref} from 'vue';
-import {defineField, defineForm} from '@myparcel/vue-form-builder/ts';
+import {defineField, defineForm} from '@myparcel/vue-form-builder';
 import FormGroupWithoutElementProp from '../components/FormGroupWithoutElementProp.vue';
 import ComponentWithoutElementProp from '../components/ComponentWithoutElementProp.vue';
 
diff --git a/apps/demo/src/forms/shipmentOptionsForm.tsx b/apps/demo/src/forms/shipmentOptionsForm.tsx
index fb08a15c..e5239eda 100644
--- a/apps/demo/src/forms/shipmentOptionsForm.tsx
+++ b/apps/demo/src/forms/shipmentOptionsForm.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-magic-numbers */
 import {ref, toValue} from 'vue';
-import {defineField, defineForm, type InteractiveElementInstance} from '@myparcel/vue-form-builder/ts';
+import {defineField, defineForm, type InteractiveElementInstance} from '@myparcel/vue-form-builder';
 import {isOfType} from '@myparcel/ts-utils';
 import {type CarrierName, PACKAGE_TYPE_IDS_TO_NAMES, PackageTypeName} from '@myparcel/constants';
 import {translate} from '../translate';
diff --git a/apps/demo/src/main.ts b/apps/demo/src/main.ts
index 537da782..dabda32c 100644
--- a/apps/demo/src/main.ts
+++ b/apps/demo/src/main.ts
@@ -1,7 +1,7 @@
 import './assets/main.scss';
 import {createApp} from 'vue';
 import {VueQueryPlugin} from '@tanstack/vue-query';
-import {MyParcelFormBuilderPlugin} from '@myparcel/vue-form-builder/ts';
+import {MyParcelFormBuilderPlugin} from '@myparcel/vue-form-builder';
 import router from './router';
 import App from './App.vue';
 
diff --git a/apps/demo/src/test/elementTypes.types.ts b/apps/demo/src/test/elementTypes.types.ts
index 52b3cbf9..65dbea9d 100644
--- a/apps/demo/src/test/elementTypes.types.ts
+++ b/apps/demo/src/test/elementTypes.types.ts
@@ -6,7 +6,7 @@ import {
   type PlainElementConfiguration,
   defineField,
   defineForm,
-} from '@myparcel/vue-form-builder/ts';
+} from '@myparcel/vue-form-builder';
 
 const interactiveFieldConfig = {
   name: 'name',
diff --git a/apps/demo/src/validation/stringContainsValidator.ts b/apps/demo/src/validation/stringContainsValidator.ts
index e49d97e9..0d3ed46c 100644
--- a/apps/demo/src/validation/stringContainsValidator.ts
+++ b/apps/demo/src/validation/stringContainsValidator.ts
@@ -1,4 +1,4 @@
-import {type Validator} from '@myparcel/vue-form-builder/ts';
+import {type Validator} from '@myparcel/vue-form-builder';
 import {type OneOrMore, toArray} from '@myparcel/ts-utils';
 
 export const stringContainsValidator = (search: OneOrMore<string>): Validator<string> => {
diff --git a/apps/demo/src/views/EditAddressView.vue b/apps/demo/src/views/EditAddressView.vue
index b0727e17..db521ff5 100644
--- a/apps/demo/src/views/EditAddressView.vue
+++ b/apps/demo/src/views/EditAddressView.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import {MagicForm} from '@myparcel/vue-form-builder/ts';
+import {MagicForm} from '@myparcel/vue-form-builder';
 import {useAddressForm} from '../composables/useAddressForm';
 
 const form = useAddressForm();
diff --git a/apps/demo/src/views/NoPropView.vue b/apps/demo/src/views/NoPropView.vue
index ddd1e6fb..eaab3a54 100644
--- a/apps/demo/src/views/NoPropView.vue
+++ b/apps/demo/src/views/NoPropView.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import {MagicForm} from '@myparcel/vue-form-builder/ts';
+import {MagicForm} from '@myparcel/vue-form-builder';
 import {noPropForm} from '../forms/noPropForm';
 import FormDiagnostics from '../components/FormDiagnostics.vue';
 
diff --git a/apps/demo/src/views/ShipmentOptionsView.vue b/apps/demo/src/views/ShipmentOptionsView.vue
index 82a73d6b..749fbaf2 100644
--- a/apps/demo/src/views/ShipmentOptionsView.vue
+++ b/apps/demo/src/views/ShipmentOptionsView.vue
@@ -22,7 +22,7 @@
 <script lang="ts" setup>
 import {computed, ref, watch, toValue} from 'vue';
 import {type FormInstance} from '@myparcel-vfb/core';
-import {MagicForm} from '@myparcel/vue-form-builder/ts';
+import {MagicForm} from '@myparcel/vue-form-builder';
 import {shipmentOptionsForm} from '../forms/shipmentOptionsForm';
 import FormDiagnostics from '../components/FormDiagnostics.vue';
 
diff --git a/apps/demo/vite.config.ts b/apps/demo/vite.config.ts
index 445465bd..5328aa0b 100644
--- a/apps/demo/vite.config.ts
+++ b/apps/demo/vite.config.ts
@@ -1,8 +1,9 @@
-import {defineConfig} from 'vite';
-import vue from '@vitejs/plugin-vue';
+import {createViteConfig} from '@myparcel-vfb/build-vite';
 
-export default defineConfig({
-  plugins: [vue()],
+export default createViteConfig({
+  build: {
+    lib: false,
+  },
 
   esbuild: {
     jsxFactory: 'h',
diff --git a/apps/vue-form-builder/package.json b/apps/vue-form-builder/package.json
index e7bffbd8..7d1d8319 100755
--- a/apps/vue-form-builder/package.json
+++ b/apps/vue-form-builder/package.json
@@ -9,40 +9,28 @@
   ],
   "license": "MIT",
   "type": "module",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.cjs",
-        "default": "./dist/index.cjs"
-      }
-    },
-    "./ts": {
-      "types": "./dist/index.d.ts",
-      "import": "./src/index.ts"
-    }
-  },
+  "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "./dist",
-    "./src"
+    "./dist"
   ],
   "scripts": {
-    "build": "vite build",
-    "build:dev": "vite build --mode development",
+    "build": "run ws:vite:build \"$(pwd)\"",
+    "build:dev": "run ws:vite:build:dev \"$(pwd)\"",
     "clean": "run ws:clean \"$(pwd)\"",
-    "typecheck": "run ws:ts:typecheck \"$(pwd)\""
+    "test": "run ws:test \"$(pwd)\"",
+    "test:coverage": "run ws:test:coverage \"$(pwd)\"",
+    "test:run": "run ws:test:run \"$(pwd)\"",
+    "test:update": "run ws:test:update \"$(pwd)\"",
+    "typecheck": "run ws:vite:typecheck \"$(pwd)\""
   },
   "dependencies": {
     "@myparcel-vfb/core": "workspace:^1.0.0-beta.39",
     "@myparcel-vfb/hook-manager": "workspace:^1.0.0-beta.11",
     "@myparcel-vfb/plugin": "workspace:^1.0.0-beta.39",
     "@myparcel-vfb/utils": "workspace:^1.0.0-beta.6",
-    "@myparcel/ts-utils": "^1.6.0",
-    "@vueuse/core": "^10.1.2"
+    "@myparcel/ts-utils": ">= 1.6.0",
+    "@vueuse/core": ">= 10.1.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
diff --git a/apps/vue-form-builder/vite.config.ts b/apps/vue-form-builder/vite.config.ts
index dc9f61cf..f5c140e0 100644
--- a/apps/vue-form-builder/vite.config.ts
+++ b/apps/vue-form-builder/vite.config.ts
@@ -1,35 +1,8 @@
-import {copyFileSync} from 'node:fs';
-import dts from 'vite-plugin-dts';
-import customTsConfig from 'vite-plugin-custom-tsconfig';
-import {defineConfig} from 'vite';
-import vue from '@vitejs/plugin-vue';
-
-export default defineConfig((env) => {
-  const isProd = env.mode === 'production';
+import {createViteConfig} from '@myparcel-vfb/build-vite';
 
+export default createViteConfig(() => {
   return {
-    plugins: [
-      vue(),
-      dts({
-        entryRoot: 'src',
-        afterBuild: () => {
-          // To pass publint (`npm x publint@latest`) and ensure the
-          // package is supported by all consumers, we must export types that are
-          // read as ESM. To do this, there must be duplicate types with the
-          // correct extension supplied in the package.json exports field.
-          copyFileSync('dist/index.d.ts', 'dist/index.d.cts');
-        },
-      }),
-      customTsConfig(),
-    ],
     build: {
-      minify: false,
-      sourcemap: !isProd,
-      lib: {
-        entry: 'src/index.ts',
-        fileName: 'index',
-        formats: ['es', 'cjs'],
-      },
       rollupOptions: {
         external: ['vue', '@myparcel/ts-utils', '@vueuse/core'],
         output: {
diff --git a/libs/build-vite/index.d.ts b/libs/build-vite/index.d.ts
new file mode 100644
index 00000000..72814761
--- /dev/null
+++ b/libs/build-vite/index.d.ts
@@ -0,0 +1,7 @@
+import {type ConfigEnv, type UserConfigExport} from 'vitest/dist/config';
+import {type UserConfigFn} from 'vitest/config';
+import {type PromiseOr, type RecursivePartial} from '@myparcel/ts-utils';
+
+declare function createViteConfig(
+  config?: PromiseOr<RecursivePartial<UserConfigExport> | ((env: ConfigEnv) => RecursivePartial<UserConfigExport>)>,
+): UserConfigFn;
diff --git a/libs/build-vite/index.js b/libs/build-vite/index.js
new file mode 100644
index 00000000..2de07e71
--- /dev/null
+++ b/libs/build-vite/index.js
@@ -0,0 +1,72 @@
+import path from 'node:path';
+import dts from 'vite-plugin-dts';
+import customTsConfig from 'vite-plugin-custom-tsconfig';
+import {mergeConfig} from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+// eslint-disable-next-line no-underscore-dangle
+const __dirname = path.dirname(new URL(import.meta.url).pathname);
+
+/** @type {import('vitest/config').UserConfigFn} */
+const createCommonViteConfig = (env) => {
+  const isProd = env.mode === 'production';
+
+  return {
+    plugins: [
+      vue(),
+      isProd && dts({entryRoot: 'src', aliasesExclude: [/@myparcel-vfb\/(.+)/, '@myparcel/vue-form-builder']}),
+      customTsConfig({tsConfigPath: 'tsconfig.build.json'}),
+    ],
+
+    resolve: {
+      alias: [
+        {
+          find: /^@myparcel-vfb\/(.+)/,
+          replacement: path.resolve(__dirname, '../../libs/$1/src'),
+        },
+        {
+          find: '@myparcel/vue-form-builder',
+          replacement: path.resolve(__dirname, '../../apps/vue-form-builder/src'),
+        },
+      ],
+    },
+
+    build: {
+      minify: isProd,
+      sourcemap: !isProd,
+      rollupOptions: {
+        output: {
+          globals: {
+            vue: 'Vue',
+          },
+        },
+      },
+      lib: {
+        entry: 'src/index.ts',
+        formats: ['es'],
+        fileName: 'index',
+      },
+    },
+
+    test: {
+      coverage: {
+        all: true,
+        enabled: false,
+        reporter: ['clover', 'text', ...isProd ? [] : ['html']],
+      },
+      environment: 'happy-dom',
+      passWithNoTests: true,
+    },
+  };
+};
+
+/** @type {import('.').createViteConfig} */
+export const createViteConfig = (config) => async(env) => {
+  let resolvedConfig = config ?? {};
+
+  if (typeof config === 'function') {
+    resolvedConfig = await config(env);
+  }
+
+  return mergeConfig(await createCommonViteConfig(env), resolvedConfig);
+};
diff --git a/libs/build-vite/package.json b/libs/build-vite/package.json
new file mode 100755
index 00000000..91d96711
--- /dev/null
+++ b/libs/build-vite/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "@myparcel-vfb/build-vite",
+  "version": "1.0.0-beta.0",
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/myparcelnl/vue-form-builder.git",
+    "directory": "libs/build-vite"
+  },
+  "license": "MIT",
+  "type": "module",
+  "exports": "./index.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vitest/coverage-v8": "^1.0.0",
+    "happy-dom": "^13.0.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-custom-tsconfig": "^1.0.4",
+    "vite-plugin-dts": "^3.0.3",
+    "vitest": "^1.0.0",
+    "vue": "^3.3.0",
+    "vue-tsc": "^1.8.3"
+  },
+  "devDependencies": {
+    "@myparcel/ts-utils": "^1.9.0"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
+}
diff --git a/libs/core/package.json b/libs/core/package.json
index f7ce884b..3130a4f2 100755
--- a/libs/core/package.json
+++ b/libs/core/package.json
@@ -3,19 +3,20 @@
   "version": "1.0.0-beta.39",
   "license": "MIT",
   "type": "module",
-  "exports": "./src/index.ts",
+  "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "./dist",
-    "./src"
+    "./dist"
   ],
   "scripts": {
-    "build": "run ws:vue:build \"$(pwd)\"",
+    "build": "run ws:vite:build \"$(pwd)\"",
+    "build:dev": "run ws:vite:build:dev \"$(pwd)\"",
     "clean": "run ws:clean \"$(pwd)\"",
     "test": "run ws:test \"$(pwd)\"",
     "test:coverage": "run ws:test:coverage \"$(pwd)\"",
     "test:run": "run ws:test:run \"$(pwd)\"",
-    "typecheck": "run ws:vue:typecheck \"$(pwd)\""
+    "test:update": "run ws:test:update \"$(pwd)\"",
+    "typecheck": "run ws:vite:typecheck \"$(pwd)\""
   },
   "dependencies": {
     "@myparcel-vfb/hook-manager": "workspace:^1.0.0-beta.11",
@@ -23,6 +24,7 @@
     "@myparcel/ts-utils": "^1.6.0"
   },
   "devDependencies": {
+    "@myparcel-vfb/build-vite": "workspace:*",
     "@testing-library/vue": "^8.0.1",
     "@vitest/coverage-v8": "^1.0.0",
     "@vue/test-utils": "^2.3.0",
diff --git a/libs/core/vite.config.ts b/libs/core/vite.config.ts
new file mode 100644
index 00000000..a0de0053
--- /dev/null
+++ b/libs/core/vite.config.ts
@@ -0,0 +1,3 @@
+import {createViteConfig} from '@myparcel-vfb/build-vite';
+
+export default createViteConfig();
diff --git a/libs/core/vitest.config.ts b/libs/core/vitest.config.ts
deleted file mode 100644
index 0be6861f..00000000
--- a/libs/core/vitest.config.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import {defineConfig} from 'vitest/config';
-import vue from '@vitejs/plugin-vue';
-
-export default defineConfig({
-  plugins: [vue()],
-
-  test: {
-    coverage: {
-      enabled: false,
-      reporter: ['text', 'clover'],
-    },
-    dir: 'src',
-    environment: 'happy-dom',
-    setupFiles: './src/__tests__/setup.ts',
-  },
-});
diff --git a/libs/hook-manager/package.json b/libs/hook-manager/package.json
index 3e0785c5..bbf1feb4 100755
--- a/libs/hook-manager/package.json
+++ b/libs/hook-manager/package.json
@@ -3,25 +3,26 @@
   "version": "1.0.0-beta.11",
   "license": "MIT",
   "type": "module",
-  "exports": "./src/index.ts",
+  "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "./dist",
-    "./src"
+    "./dist"
   ],
   "scripts": {
-    "build": "run ws:ts:build \"$(pwd)\"",
-    "build:dev": "run ws:ts:build \"$(pwd)\"",
+    "build": "run ws:vite:build \"$(pwd)\"",
+    "build:dev": "run ws:vite:build:dev \"$(pwd)\"",
     "clean": "run ws:clean \"$(pwd)\"",
     "test": "run ws:test \"$(pwd)\"",
     "test:coverage": "run ws:test:coverage \"$(pwd)\"",
     "test:run": "run ws:test:run \"$(pwd)\"",
-    "typecheck": "run ws:ts:typecheck \"$(pwd)\""
+    "test:update": "run ws:test:update \"$(pwd)\"",
+    "typecheck": "run ws:vite:typecheck \"$(pwd)\""
   },
   "dependencies": {
     "@myparcel/ts-utils": "^1.6.0"
   },
   "devDependencies": {
+    "@myparcel-vfb/build-vite": "workspace:*",
     "@vitest/coverage-v8": "^1.0.0",
     "typescript": "^5.0.0",
     "vitest": "^1.0.0"
diff --git a/libs/hook-manager/vite.config.ts b/libs/hook-manager/vite.config.ts
new file mode 100644
index 00000000..a0de0053
--- /dev/null
+++ b/libs/hook-manager/vite.config.ts
@@ -0,0 +1,3 @@
+import {createViteConfig} from '@myparcel-vfb/build-vite';
+
+export default createViteConfig();
diff --git a/libs/hook-manager/vitest.config.ts b/libs/hook-manager/vitest.config.ts
deleted file mode 100644
index a610ae50..00000000
--- a/libs/hook-manager/vitest.config.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {defineConfig} from 'vitest/config';
-
-export default defineConfig({
-  test: {
-    coverage: {
-      enabled: false,
-      reporter: ['text', 'clover'],
-    },
-    dir: 'src',
-    environment: 'happy-dom',
-  },
-});
diff --git a/libs/plugin/package.json b/libs/plugin/package.json
index 842816da..a7714567 100644
--- a/libs/plugin/package.json
+++ b/libs/plugin/package.json
@@ -3,16 +3,20 @@
   "version": "1.0.0-beta.39",
   "license": "MIT",
   "type": "module",
-  "exports": "./src/index.ts",
+  "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "./dist",
-    "./src"
+    "./dist"
   ],
   "scripts": {
-    "build": "run ws:ts:build \"$(pwd)\"",
+    "build": "run ws:vite:build \"$(pwd)\"",
+    "build:dev": "run ws:vite:build:dev \"$(pwd)\"",
     "clean": "run ws:clean \"$(pwd)\"",
-    "typecheck": "run ws:ts:typecheck \"$(pwd)\""
+    "test": "run ws:test \"$(pwd)\"",
+    "test:coverage": "run ws:test:coverage \"$(pwd)\"",
+    "test:run": "run ws:test:run \"$(pwd)\"",
+    "test:update": "run ws:test:update \"$(pwd)\"",
+    "typecheck": "run ws:vite:typecheck \"$(pwd)\""
   },
   "dependencies": {
     "@myparcel-vfb/core": "workspace:^1.0.0-beta.39",
diff --git a/libs/plugin/src/devtools/createFieldsNodes.ts b/libs/plugin/src/devtools/createFieldsNodes.ts
index 8ae81984..941af5df 100644
--- a/libs/plugin/src/devtools/createFieldsNodes.ts
+++ b/libs/plugin/src/devtools/createFieldsNodes.ts
@@ -1,4 +1,4 @@
-import {type UnwrapNestedRefs} from 'vue';
+import {type UnwrapNestedRefs, toValue} from 'vue';
 import {type CustomInspectorNode} from '@vue/devtools-api';
 import {type FormInstance} from '@myparcel-vfb/core';
 import {CYAN_400} from './types';
@@ -7,7 +7,9 @@ import {getComponentName} from './getComponentName';
 export const createFieldsNodes = (form: UnwrapNestedRefs<FormInstance>): CustomInspectorNode[] => {
   let anonymousIndex = 0;
 
-  return form.fields.map((field) => {
+  const fields = toValue(form.fields);
+
+  return fields.map((field) => {
     const fieldName = field.name ?? `anonymous#${anonymousIndex++}`;
 
     return {
diff --git a/libs/plugin/vite.config.ts b/libs/plugin/vite.config.ts
new file mode 100644
index 00000000..a0de0053
--- /dev/null
+++ b/libs/plugin/vite.config.ts
@@ -0,0 +1,3 @@
+import {createViteConfig} from '@myparcel-vfb/build-vite';
+
+export default createViteConfig();
diff --git a/libs/utils/package.json b/libs/utils/package.json
index 7d383229..d3a4baaf 100755
--- a/libs/utils/package.json
+++ b/libs/utils/package.json
@@ -3,16 +3,20 @@
   "version": "1.0.0-beta.6",
   "license": "MIT",
   "type": "module",
-  "exports": "./src/index.ts",
+  "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "./dist",
-    "./src"
+    "./dist"
   ],
   "scripts": {
-    "build": "run ws:ts:build \"$(pwd)\"",
+    "build": "run ws:vite:build \"$(pwd)\"",
+    "build:dev": "run ws:vite:build:dev \"$(pwd)\"",
     "clean": "run ws:clean \"$(pwd)\"",
-    "typecheck": "run ws:ts:typecheck \"$(pwd)\""
+    "test": "run ws:test \"$(pwd)\"",
+    "test:coverage": "run ws:test:coverage \"$(pwd)\"",
+    "test:run": "run ws:test:run \"$(pwd)\"",
+    "test:update": "run ws:test:update \"$(pwd)\"",
+    "typecheck": "run ws:vite:typecheck \"$(pwd)\""
   },
   "dependencies": {
     "@myparcel/ts-utils": "^1.6.0"
diff --git a/libs/utils/vite.config.ts b/libs/utils/vite.config.ts
new file mode 100644
index 00000000..a0de0053
--- /dev/null
+++ b/libs/utils/vite.config.ts
@@ -0,0 +1,3 @@
+import {createViteConfig} from '@myparcel-vfb/build-vite';
+
+export default createViteConfig();
diff --git a/nx.json b/nx.json
index 6d1b7b67..b881d520 100644
--- a/nx.json
+++ b/nx.json
@@ -8,6 +8,7 @@
   "npmScope": "myparcel-vfb",
   "namedInputs": {
     "default": [
+      "{workspaceRoot}/libs/build-vite/*",
       "{workspaceRoot}/tsconfig.build.json",
       "{workspaceRoot}/yarn.lock",
       "{workspaceRoot}/package.json",
@@ -39,10 +40,6 @@
       "dependsOn": ["^build"],
       "outputs": ["{projectRoot}/dist", "{projectRoot}/*.tsbuildinfo"]
     },
-    "serve": {
-      "dependsOn": ["^build:dev"],
-      "outputs": ["{projectRoot}/dist"]
-    },
     "test:run": {
       "inputs": ["test"]
     },
diff --git a/package.json b/package.json
index 0615f758..251b4ce7 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "build": "nx build --runner=cloud --output-style=stream",
     "build:demo": "nx build demo --runner=cloud --output-style=stream",
     "build:dev": "run build:dev:default --output-style=stream",
-    "build:dev:default": "nx build:dev --output-style=stream",
+    "build:dev:default": "nx run-many --target=build:dev --output-style=stream",
     "clean": "nx run-many --target=clean",
     "prepare": "is-ci || husky install",
     "serve": "run build:dev:default && npx concurrently yarn:serve:demo yarn:serve:watch",
@@ -26,10 +26,10 @@
     "ws:test": "cd $0 && vitest",
     "ws:test:coverage": "cd $0 && vitest run --coverage",
     "ws:test:run": "cd $0 && vitest run",
-    "ws:ts:build": "cd $0 && tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --declarationDir dist && (cp -r src/**/*.d.ts dist || true)",
-    "ws:ts:typecheck": "cd $0 && tsc -p tsconfig.build.json --noEmit",
-    "ws:vue:build": "cd $0 && vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --declarationDir dist && (cp -r src/**/*.d.ts dist || true)",
-    "ws:vue:typecheck": "cd $0 && vue-tsc -p tsconfig.build.json --noEmit"
+    "ws:test:update": "cd $0 && vitest run -u",
+    "ws:vite:build": "cd $0 && vite build",
+    "ws:vite:build:dev": "cd $0 && vite build --mode development",
+    "ws:vite:typecheck": "cd $0 && vue-tsc -p tsconfig.build.json --noEmit"
   },
   "lint-staged": {
     "*.{json,md,html}": "prettier --write",
diff --git a/tsconfig.json b/tsconfig.json
index d1b9e2ed..e292836d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,12 +8,5 @@
     "./**/*.js",
     "./**/*.cjs",
     "./**/*.mjs"
-  ],
-  "compilerOptions": {
-    "noEmit": true,
-    "paths": {
-      "@myparcel/vue-form-builder": ["./apps/vue-form-builder/src"],
-      "@myparcel-vfb/*": ["./libs/*/src"]
-    }
-  }
+  ]
 }
diff --git a/yarn.lock b/yarn.lock
index 448b1452..d75aa4c8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -430,6 +430,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.23.9":
+  version: 7.24.0
+  resolution: "@babel/parser@npm:7.24.0"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 77593d0b9de9906823c4d653bb6cda1c7593837598516330f655f70cba6224a37def7dbe5b4dad0038482d407d8d209eb8be5f48ca9a13357d769f829c5adb8e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-jsx@npm:^7.22.5":
   version: 7.23.3
   resolution: "@babel/plugin-syntax-jsx@npm:7.23.3"
@@ -822,6 +831,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@microsoft/api-extractor-model@npm:7.28.3":
+  version: 7.28.3
+  resolution: "@microsoft/api-extractor-model@npm:7.28.3"
+  dependencies:
+    "@microsoft/tsdoc": "npm:0.14.2"
+    "@microsoft/tsdoc-config": "npm:~0.16.1"
+    "@rushstack/node-core-library": "npm:3.62.0"
+  checksum: 776ae84e8398358469c4d2d3798206f268e780ab03c9212f062506f149e8fa59047aefa7046334a5ef199b28c3ed5fca0c708bfa7da929f7ce86c0440ca78ce3
+  languageName: node
+  linkType: hard
+
 "@microsoft/api-extractor-model@npm:7.28.4":
   version: 7.28.4
   resolution: "@microsoft/api-extractor-model@npm:7.28.4"
@@ -833,6 +853,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@microsoft/api-extractor@npm:7.39.0":
+  version: 7.39.0
+  resolution: "@microsoft/api-extractor@npm:7.39.0"
+  dependencies:
+    "@microsoft/api-extractor-model": "npm:7.28.3"
+    "@microsoft/tsdoc": "npm:0.14.2"
+    "@microsoft/tsdoc-config": "npm:~0.16.1"
+    "@rushstack/node-core-library": "npm:3.62.0"
+    "@rushstack/rig-package": "npm:0.5.1"
+    "@rushstack/ts-command-line": "npm:4.17.1"
+    colors: "npm:~1.2.1"
+    lodash: "npm:~4.17.15"
+    resolve: "npm:~1.22.1"
+    semver: "npm:~7.5.4"
+    source-map: "npm:~0.6.1"
+    typescript: "npm:5.3.3"
+  bin:
+    api-extractor: bin/api-extractor
+  checksum: 6f1c0f770f2c26013fb1e4d382a77f923efef45fcde8e8ab951ac487697132c0548693d040fec24e257b6adcf6f607a4fcead0a15a328a7f0b8113debec8c993
+  languageName: node
+  linkType: hard
+
 "@microsoft/api-extractor@npm:^7.34.4":
   version: 7.39.1
   resolution: "@microsoft/api-extractor@npm:7.39.1"
@@ -1207,10 +1249,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@myparcel-vfb/build-vite@workspace:*, @myparcel-vfb/build-vite@workspace:libs/build-vite":
+  version: 0.0.0-use.local
+  resolution: "@myparcel-vfb/build-vite@workspace:libs/build-vite"
+  dependencies:
+    "@myparcel/ts-utils": "npm:^1.9.0"
+    "@vitejs/plugin-vue": "npm:^5.0.0"
+    "@vitest/coverage-v8": "npm:^1.0.0"
+    happy-dom: "npm:^13.0.0"
+    typescript: "npm:^5.2.2"
+    vite: "npm:^5.0.0"
+    vite-plugin-custom-tsconfig: "npm:^1.0.4"
+    vite-plugin-dts: "npm:^3.0.3"
+    vitest: "npm:^1.0.0"
+    vue: "npm:^3.3.0"
+    vue-tsc: "npm:^1.8.3"
+  languageName: unknown
+  linkType: soft
+
 "@myparcel-vfb/core@workspace:^1.0.0-beta.39, @myparcel-vfb/core@workspace:libs/core":
   version: 0.0.0-use.local
   resolution: "@myparcel-vfb/core@workspace:libs/core"
   dependencies:
+    "@myparcel-vfb/build-vite": "workspace:*"
     "@myparcel-vfb/hook-manager": "workspace:^1.0.0-beta.11"
     "@myparcel-vfb/utils": "workspace:^1.0.0-beta.6"
     "@myparcel/ts-utils": "npm:^1.6.0"
@@ -1253,6 +1314,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@myparcel-vfb/hook-manager@workspace:libs/hook-manager"
   dependencies:
+    "@myparcel-vfb/build-vite": "workspace:*"
     "@myparcel/ts-utils": "npm:^1.6.0"
     "@vitest/coverage-v8": "npm:^1.0.0"
     typescript: "npm:^5.0.0"
@@ -1339,6 +1401,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@myparcel/ts-utils@npm:>= 1.6.0, @myparcel/ts-utils@npm:^1.9.0":
+  version: 1.14.0
+  resolution: "@myparcel/ts-utils@npm:1.14.0"
+  checksum: 13bf9521403e9761303cde9916932e12bdd50096a678de19282899809430086071e071851f49ce58fe3a9afb0b78fd807a5e0b7aa88344c30dfdae010b061866
+  languageName: node
+  linkType: hard
+
 "@myparcel/ts-utils@npm:^1.6.0, @myparcel/ts-utils@npm:^1.7.0":
   version: 1.13.1
   resolution: "@myparcel/ts-utils@npm:1.13.1"
@@ -1354,10 +1423,10 @@ __metadata:
     "@myparcel-vfb/hook-manager": "workspace:^1.0.0-beta.11"
     "@myparcel-vfb/plugin": "workspace:^1.0.0-beta.39"
     "@myparcel-vfb/utils": "workspace:^1.0.0-beta.6"
-    "@myparcel/ts-utils": "npm:^1.6.0"
+    "@myparcel/ts-utils": "npm:>= 1.6.0"
     "@vitejs/plugin-vue": "npm:^4.0.0"
     "@vitest/coverage-v8": "npm:^1.0.0"
-    "@vueuse/core": "npm:^10.1.2"
+    "@vueuse/core": "npm:>= 10.1.0"
     typescript: "npm:^5.0.0"
     vite: "npm:^5.0.0"
     vite-plugin-custom-tsconfig: "npm:^1.0.4"
@@ -1681,7 +1750,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/pluginutils@npm:^5.0.2":
+"@rollup/pluginutils@npm:^5.0.2, @rollup/pluginutils@npm:^5.1.0":
   version: 5.1.0
   resolution: "@rollup/pluginutils@npm:5.1.0"
   dependencies:
@@ -1795,6 +1864,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rushstack/node-core-library@npm:3.62.0":
+  version: 3.62.0
+  resolution: "@rushstack/node-core-library@npm:3.62.0"
+  dependencies:
+    colors: "npm:~1.2.1"
+    fs-extra: "npm:~7.0.1"
+    import-lazy: "npm:~4.0.0"
+    jju: "npm:~1.4.0"
+    resolve: "npm:~1.22.1"
+    semver: "npm:~7.5.4"
+    z-schema: "npm:~5.0.2"
+  peerDependencies:
+    "@types/node": "*"
+  peerDependenciesMeta:
+    "@types/node":
+      optional: true
+  checksum: ea75d5c3d8dc14f66300cfc66e26c57f39a9cf057321d3034889a4643a175e275c8d7a9a5524366879fc4608e5a36df7041895ae11c0e2267dc4b5a5e6e5d0b4
+  languageName: node
+  linkType: hard
+
 "@rushstack/node-core-library@npm:3.63.0, @rushstack/node-core-library@npm:^3.55.2":
   version: 3.63.0
   resolution: "@rushstack/node-core-library@npm:3.63.0"
@@ -2227,6 +2316,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vitejs/plugin-vue@npm:^5.0.0":
+  version: 5.0.4
+  resolution: "@vitejs/plugin-vue@npm:5.0.4"
+  peerDependencies:
+    vite: ^5.0.0
+    vue: ^3.2.25
+  checksum: 2e65900ff41037a013ef40351aa2fb68ee1963da461795b4e3d01fc4a0226c65e9ca4bc39941dc163f883773bcd80744ee0f1f96ecc2f46fae1a4cd71c741308
+  languageName: node
+  linkType: hard
+
 "@vitest/coverage-v8@npm:^1.0.0":
   version: 1.1.3
   resolution: "@vitest/coverage-v8@npm:1.1.3"
@@ -2358,6 +2457,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-core@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/compiler-core@npm:3.4.21"
+  dependencies:
+    "@babel/parser": "npm:^7.23.9"
+    "@vue/shared": "npm:3.4.21"
+    entities: "npm:^4.5.0"
+    estree-walker: "npm:^2.0.2"
+    source-map-js: "npm:^1.0.2"
+  checksum: 3ee871b95e17948d10375093c8dd3265923f844528a24ac67512c201ddb9b628021c010565f3e50f2e551b217c502e80a7901384f616a977a04f81e68c64a37c
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-core@npm:3.4.7":
   version: 3.4.7
   resolution: "@vue/compiler-core@npm:3.4.7"
@@ -2371,6 +2483,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-dom@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/compiler-dom@npm:3.4.21"
+  dependencies:
+    "@vue/compiler-core": "npm:3.4.21"
+    "@vue/shared": "npm:3.4.21"
+  checksum: b4a1099eddacded2663d12388b48088ca0be0d8969a070476f49e4e65da9b22851fc897cc693662b178e7e7fdee98fcf9ea3617a1f626c3a1b2089815cb1264e
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-dom@npm:3.4.7, @vue/compiler-dom@npm:^3.3.0":
   version: 3.4.7
   resolution: "@vue/compiler-dom@npm:3.4.7"
@@ -2381,6 +2503,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-sfc@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/compiler-sfc@npm:3.4.21"
+  dependencies:
+    "@babel/parser": "npm:^7.23.9"
+    "@vue/compiler-core": "npm:3.4.21"
+    "@vue/compiler-dom": "npm:3.4.21"
+    "@vue/compiler-ssr": "npm:3.4.21"
+    "@vue/shared": "npm:3.4.21"
+    estree-walker: "npm:^2.0.2"
+    magic-string: "npm:^0.30.7"
+    postcss: "npm:^8.4.35"
+    source-map-js: "npm:^1.0.2"
+  checksum: 8d9a6ee07a9c542528f09b7a99e5d40e9752dca39251994e4309cb6121997c47db6818be75555aa69fb4f0bd54820bc7675c0c6e2ea5afe339f09d40890d26a9
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-sfc@npm:3.4.7":
   version: 3.4.7
   resolution: "@vue/compiler-sfc@npm:3.4.7"
@@ -2398,6 +2537,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-ssr@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/compiler-ssr@npm:3.4.21"
+  dependencies:
+    "@vue/compiler-dom": "npm:3.4.21"
+    "@vue/shared": "npm:3.4.21"
+  checksum: bae2b76f8619f258a90e2964cdcebef44aa240ae64be6bb08227f3404239c66f3d77fb25b88a809d9b29063a2f0f423595c8be8e5f7c80dc8337da2aad4f6fdc
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-ssr@npm:3.4.7":
   version: 3.4.7
   resolution: "@vue/compiler-ssr@npm:3.4.7"
@@ -2433,7 +2582,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/language-core@npm:1.8.27":
+"@vue/language-core@npm:1.8.27, @vue/language-core@npm:^1.8.26":
   version: 1.8.27
   resolution: "@vue/language-core@npm:1.8.27"
   dependencies:
@@ -2455,6 +2604,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/reactivity@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/reactivity@npm:3.4.21"
+  dependencies:
+    "@vue/shared": "npm:3.4.21"
+  checksum: 9296ba12dc87bed7c056801a8cbff215ff4245404078186188f3c549a075f159acc7eeaf876a949450d22fc1c99a5b9f1818b4c0f828feaaf25273476ff4244b
+  languageName: node
+  linkType: hard
+
 "@vue/reactivity@npm:3.4.7":
   version: 3.4.7
   resolution: "@vue/reactivity@npm:3.4.7"
@@ -2464,6 +2622,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/runtime-core@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/runtime-core@npm:3.4.21"
+  dependencies:
+    "@vue/reactivity": "npm:3.4.21"
+    "@vue/shared": "npm:3.4.21"
+  checksum: 9d57aaf24b33c21f4b632c1efca3baac6af420676e2f3ef0d79f0efd606617d1be56f2bd345afb1960a5603f2f5f48bbb80535403cd526f3bbba1322f823ce5b
+  languageName: node
+  linkType: hard
+
 "@vue/runtime-core@npm:3.4.7":
   version: 3.4.7
   resolution: "@vue/runtime-core@npm:3.4.7"
@@ -2474,6 +2642,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/runtime-dom@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/runtime-dom@npm:3.4.21"
+  dependencies:
+    "@vue/runtime-core": "npm:3.4.21"
+    "@vue/shared": "npm:3.4.21"
+    csstype: "npm:^3.1.3"
+  checksum: 29ad38e1c9c6286bb7dfbc3d1830b03f73f870183f9e9d81e6dbc11a71f6ff7ec2a0428832d678d8ed9e8722a98580202597adde57dcc3b47f848abb7b8d16c2
+  languageName: node
+  linkType: hard
+
 "@vue/runtime-dom@npm:3.4.7":
   version: 3.4.7
   resolution: "@vue/runtime-dom@npm:3.4.7"
@@ -2485,6 +2664,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/server-renderer@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/server-renderer@npm:3.4.21"
+  dependencies:
+    "@vue/compiler-ssr": "npm:3.4.21"
+    "@vue/shared": "npm:3.4.21"
+  peerDependencies:
+    vue: 3.4.21
+  checksum: 3ff91392473cea8d85a11e8315bf378fd0cb4b5e4f650acad3b1bc672ceb3a0e29d22d4860186b06697b72a8ab544d67ba7969e77fed07a402c3528f90c764ed
+  languageName: node
+  linkType: hard
+
 "@vue/server-renderer@npm:3.4.7":
   version: 3.4.7
   resolution: "@vue/server-renderer@npm:3.4.7"
@@ -2497,6 +2688,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/shared@npm:3.4.21":
+  version: 3.4.21
+  resolution: "@vue/shared@npm:3.4.21"
+  checksum: 79cba4228c3c1769ba8024302d7dbebf6ed1b77fb2e7a69e635cdebaa1c18b409e9c27ce27ccbe3a98e702a7e2dae1b87754d87f0b29adfe2a8f9e1e7c7899d5
+  languageName: node
+  linkType: hard
+
 "@vue/shared@npm:3.4.7, @vue/shared@npm:^3.3.0":
   version: 3.4.7
   resolution: "@vue/shared@npm:3.4.7"
@@ -2527,6 +2725,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vueuse/core@npm:>= 10.1.0":
+  version: 10.9.0
+  resolution: "@vueuse/core@npm:10.9.0"
+  dependencies:
+    "@types/web-bluetooth": "npm:^0.0.20"
+    "@vueuse/metadata": "npm:10.9.0"
+    "@vueuse/shared": "npm:10.9.0"
+    vue-demi: "npm:>=0.14.7"
+  checksum: d5c90a5bdd2dc5123a594e6ff9bc96f70f8f062fe9749d1c194d15516acfee7dd2f99ef9d1c6b06a9d18e7a13a0287ff0e5ee8a2565a04810196c90bb13daf91
+  languageName: node
+  linkType: hard
+
 "@vueuse/core@npm:^10.1.2":
   version: 10.7.1
   resolution: "@vueuse/core@npm:10.7.1"
@@ -2546,6 +2756,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vueuse/metadata@npm:10.9.0":
+  version: 10.9.0
+  resolution: "@vueuse/metadata@npm:10.9.0"
+  checksum: 7f647b2ae73ff86c4de658c84a51988f7cdfec1643e1e706d5b29034bd949e240cffacf52505ab8e9223bb245f7bafe7f7bfa5c32702172ba29afc4aef96b475
+  languageName: node
+  linkType: hard
+
 "@vueuse/shared@npm:10.7.1":
   version: 10.7.1
   resolution: "@vueuse/shared@npm:10.7.1"
@@ -2555,6 +2772,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vueuse/shared@npm:10.9.0":
+  version: 10.9.0
+  resolution: "@vueuse/shared@npm:10.9.0"
+  dependencies:
+    vue-demi: "npm:>=0.14.7"
+  checksum: 55593c325b9dc15cfe9eaf84ca2a757a0c418491be56760f5560a641dfe2579c72cb55ccd04ead71217a97fc6b17ad7b7b7b9177b376bc6967174121707d1c49
+  languageName: node
+  linkType: hard
+
 "@yarnpkg/cli@npm:^4.0.2":
   version: 4.0.2
   resolution: "@yarnpkg/cli@npm:4.0.2"
@@ -5617,6 +5843,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"happy-dom@npm:^13.0.0":
+  version: 13.7.0
+  resolution: "happy-dom@npm:13.7.0"
+  dependencies:
+    entities: "npm:^4.5.0"
+    webidl-conversions: "npm:^7.0.0"
+    whatwg-mimetype: "npm:^3.0.0"
+  checksum: d21c863b31c481a70be8b7c98f5e9287dad8180b1424fda41b5a634be3cbb9b80f7e7e992ce846eec97e8c9060fdb3dfe756cd2b75dd0710b8114bde866e248a
+  languageName: node
+  linkType: hard
+
 "has-bigints@npm:^1.0.1, has-bigints@npm:^1.0.2":
   version: 1.0.2
   resolution: "has-bigints@npm:1.0.2"
@@ -6518,7 +6755,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"kolorist@npm:^1.7.0":
+"kolorist@npm:^1.7.0, kolorist@npm:^1.8.0":
   version: 1.8.0
   resolution: "kolorist@npm:1.8.0"
   checksum: 73075db44a692bf6c34a649f3b4b3aea4993b84f6b754cbf7a8577e7c7db44c0bad87752bd23b0ce533f49de2244ce2ce03b7b1b667a85ae170a94782cc50f9b
@@ -6750,6 +6987,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"magic-string@npm:^0.30.7":
+  version: 0.30.8
+  resolution: "magic-string@npm:0.30.8"
+  dependencies:
+    "@jridgewell/sourcemap-codec": "npm:^1.4.15"
+  checksum: 51a1f06f678c082aceddfb5943de9b6bdb88f2ea1385a1c2adf116deb73dfcfa50df6c222901d691b529455222d4d68d0b28be5689ac6f69b3baa3462861f922
+  languageName: node
+  linkType: hard
+
 "magicast@npm:^0.3.2":
   version: 0.3.2
   resolution: "magicast@npm:0.3.2"
@@ -7781,6 +8027,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss@npm:^8.4.35":
+  version: 8.4.35
+  resolution: "postcss@npm:8.4.35"
+  dependencies:
+    nanoid: "npm:^3.3.7"
+    picocolors: "npm:^1.0.0"
+    source-map-js: "npm:^1.0.2"
+  checksum: e8dd04e48001eb5857abc9475365bf08f4e508ddf9bc0b8525449a95d190f10d025acebc5b56ac2e94b3c7146790e4ae78989bb9633cb7ee20d1cc9b7dc909b2
+  languageName: node
+  linkType: hard
+
 "prelude-ls@npm:^1.2.1":
   version: 1.2.1
   resolution: "prelude-ls@npm:1.2.1"
@@ -9213,13 +9470,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@npm:^5.2.2":
+  version: 5.4.2
+  resolution: "typescript@npm:5.4.2"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 583ff68cafb0c076695f72d61df6feee71689568179fb0d3a4834dac343df6b6ed7cf7b6f6c801fa52d43cd1d324e2f2d8ae4497b09f9e6cfe3d80a6d6c9ca52
+  languageName: node
+  linkType: hard
+
 "typescript@patch:typescript@npm%3A5.3.3#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.0.0#optional!builtin<compat/typescript>":
   version: 5.3.3
-  resolution: "typescript@patch:typescript@npm%3A5.3.3#optional!builtin<compat/typescript>::version=5.3.3&hash=e012d7"
+  resolution: "typescript@patch:typescript@npm%3A5.3.3#optional!builtin<compat/typescript>::version=5.3.3&hash=29ae49"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: e22df47df9b2b2f2617b8bf511a29aea3d177f9f7a0756818230a76b01cbd7da988bf55f9463aaa1a4c1ff90b80f8dc5676460d4e9dfc010572cbba59b822b0c
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@npm%3A^5.2.2#optional!builtin<compat/typescript>":
+  version: 5.4.2
+  resolution: "typescript@patch:typescript@npm%3A5.4.2#optional!builtin<compat/typescript>::version=5.4.2&hash=29ae49"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 1d0a5f4ce496c42caa9a30e659c467c5686eae15d54b027ee7866744952547f1be1262f2d40de911618c242b510029d51d43ff605dba8fb740ec85ca2d3f9500
+  checksum: 22e2f213c3ffe5960c5eaec6c95c04e01858fed57a94be250746f540b935b2c18c3c3fc80d3ab65d28c0aba1eb76284557ba3bf521d28caee811c44ba2b648f9
   languageName: node
   linkType: hard
 
@@ -9404,6 +9681,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite-plugin-dts@npm:^3.0.3":
+  version: 3.7.3
+  resolution: "vite-plugin-dts@npm:3.7.3"
+  dependencies:
+    "@microsoft/api-extractor": "npm:7.39.0"
+    "@rollup/pluginutils": "npm:^5.1.0"
+    "@vue/language-core": "npm:^1.8.26"
+    debug: "npm:^4.3.4"
+    kolorist: "npm:^1.8.0"
+    vue-tsc: "npm:^1.8.26"
+  peerDependencies:
+    typescript: "*"
+    vite: "*"
+  peerDependenciesMeta:
+    vite:
+      optional: true
+  checksum: da16b971d53758097ca8cccc560cdc5d6d858be2da3d1e24d760651a446d9315fdfb152655913c22b77e14244381e88321b6becd2ec5c86485e1b097dda68572
+  languageName: node
+  linkType: hard
+
 "vite@npm:^5.0.0":
   version: 5.0.11
   resolution: "vite@npm:5.0.11"
@@ -9518,6 +9815,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-demi@npm:>=0.14.7":
+  version: 0.14.7
+  resolution: "vue-demi@npm:0.14.7"
+  peerDependencies:
+    "@vue/composition-api": ^1.0.0-rc.1
+    vue: ^3.0.0-0 || ^2.6.0
+  peerDependenciesMeta:
+    "@vue/composition-api":
+      optional: true
+  bin:
+    vue-demi-fix: bin/vue-demi-fix.js
+    vue-demi-switch: bin/vue-demi-switch.js
+  checksum: 303216e3e6ee3f6ab5631488dd00a767ef3760a0a14e580c0223b278d093dc9ada8164ecec6bf8d8e12034e0bdf8dbb947c0c6f83095c6a53030a4a6dcbd57ce
+  languageName: node
+  linkType: hard
+
 "vue-demi@npm:^0.13.11":
   version: 0.13.11
   resolution: "vue-demi@npm:0.13.11"
@@ -9572,7 +9885,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vue-tsc@npm:^1.1.5, vue-tsc@npm:^1.6.5":
+"vue-tsc@npm:^1.1.5, vue-tsc@npm:^1.6.5, vue-tsc@npm:^1.8.26, vue-tsc@npm:^1.8.3":
   version: 1.8.27
   resolution: "vue-tsc@npm:1.8.27"
   dependencies:
@@ -9605,6 +9918,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue@npm:^3.3.0":
+  version: 3.4.21
+  resolution: "vue@npm:3.4.21"
+  dependencies:
+    "@vue/compiler-dom": "npm:3.4.21"
+    "@vue/compiler-sfc": "npm:3.4.21"
+    "@vue/runtime-dom": "npm:3.4.21"
+    "@vue/server-renderer": "npm:3.4.21"
+    "@vue/shared": "npm:3.4.21"
+  peerDependencies:
+    typescript: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 70806fdfe2f34387dd043403f3cf0946f43216090832c2a0be06e88d6feabba28a0aa05dc75777a1cb1aa770b24c015206519a20752faf0f6ed4d9b7568f0400
+  languageName: node
+  linkType: hard
+
 "webidl-conversions@npm:^7.0.0":
   version: 7.0.0
   resolution: "webidl-conversions@npm:7.0.0"