From 186ba62db74d4fb9a0143146429f43877d6b174d Mon Sep 17 00:00:00 2001
From: andig <cpuidle@gmx.de>
Date: Sat, 27 Jan 2024 13:38:16 +0100
Subject: [PATCH] Site: add config UI (BC) (#9812)

---
 .eslintrc.js                                  |   10 +-
 .gitignore                                    |    1 +
 assets/css/app.css                            |   22 +-
 .../components/ChargingPlanSettingsEntry.vue  |    4 +-
 .../js/components/Config/AddDeviceButton.vue  |   45 +
 assets/js/components/Config/DeviceCard.vue    |  105 +
 assets/js/components/Config/DeviceTags.vue    |   64 +
 assets/js/components/Config/FormRow.vue       |   11 +-
 assets/js/components/Config/MeterModal.vue    |  406 ++++
 assets/js/components/Config/Modbus.vue        |  252 ++
 assets/js/components/Config/PropertyField.vue |   55 +-
 assets/js/components/Config/SiteSettings.vue  |  120 +
 assets/js/components/Config/TestResult.vue    |   56 +
 .../Config/UserInterfaceSettings.vue          |  126 +
 assets/js/components/Config/VehicleModal.vue  |  159 +-
 assets/js/components/Config/mixins/test.js    |   61 +
 assets/js/components/GlobalSettingsModal.vue  |  121 +-
 assets/js/components/TopHeader.vue            |   45 +
 assets/js/mixins/formatter.js                 |   30 +-
 assets/js/views/ChargingSessions.vue          |   28 +-
 assets/js/views/Config.vue                    |  631 +++--
 assets/js/views/Main.vue                      |    1 -
 core/keys/site.go                             |    5 +
 core/site.go                                  |   20 +
 core/site/api.go                              |   12 +
 core/site_api.go                              |   69 +
 env.d.ts                                      |    1 +
 i18n/en.toml                                  |   46 +-
 package-lock.json                             | 2157 ++++++++++-------
 package.json                                  |    7 +-
 playwright.config.js                          |    2 +
 provider/javascript.go                        |   16 +-
 provider/javascript/registry.go               |   10 +
 server/http.go                                |   14 +-
 ...ndler.go => http_config_device_handler.go} |  312 ++-
 server/http_config_helper.go                  |  125 +-
 server/http_config_metadata_handler.go        |   82 +
 server/http_config_site_handler.go            |   89 +
 server/http_session_handler.go                |    5 +-
 server/http_site_handler.go                   |    4 +-
 tests/config.spec.js                          |  143 +-
 tests/simulator.js                            |    3 +-
 tests/simulator/api.js                        |   49 +-
 tests/simulator/src/Simulator.vue             |    8 +-
 tsconfig.json                                 |   19 +
 util/templates/paramtype.go                   |    4 +
 util/templates/types.go                       |    8 +-
 47 files changed, 3910 insertions(+), 1653 deletions(-)
 create mode 100644 assets/js/components/Config/AddDeviceButton.vue
 create mode 100644 assets/js/components/Config/DeviceCard.vue
 create mode 100644 assets/js/components/Config/DeviceTags.vue
 create mode 100644 assets/js/components/Config/MeterModal.vue
 create mode 100644 assets/js/components/Config/Modbus.vue
 create mode 100644 assets/js/components/Config/SiteSettings.vue
 create mode 100644 assets/js/components/Config/TestResult.vue
 create mode 100644 assets/js/components/Config/UserInterfaceSettings.vue
 create mode 100644 assets/js/components/Config/mixins/test.js
 create mode 100644 assets/js/components/TopHeader.vue
 create mode 100644 env.d.ts
 rename server/{http_config_handler.go => http_config_device_handler.go} (75%)
 create mode 100644 server/http_config_metadata_handler.go
 create mode 100644 server/http_config_site_handler.go
 create mode 100644 tsconfig.json

diff --git a/.eslintrc.js b/.eslintrc.js
index a24c9fce4..51ca7c160 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -5,12 +5,14 @@ module.exports = {
     es6: true,
   },
   extends: [
+    "plugin:vue/vue3-essential",
     "eslint:recommended",
-    "plugin:vue/vue3-recommended",
-    "plugin:prettier/recommended",
-    "prettier",
+    "@vue/eslint-config-typescript",
+    "@vue/eslint-config-prettier/skip-formatting",
   ],
-  parser: "vue-eslint-parser",
+  parserOptions: {
+    ecmaVersion: "latest",
+  },
   rules: {
     "vue/require-default-prop": "off",
     "vue/attribute-hyphenation": "off",
diff --git a/.gitignore b/.gitignore
index c8dbce45e..4b8c120c4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,6 +13,7 @@ __debug_bin
 !package*.json
 !evcc.dist.yaml
 !tests/**/*.evcc.yaml
+!tsconfig.json
 /templates/docs
 evcc
 evcc.exe
diff --git a/assets/css/app.css b/assets/css/app.css
index 3511d755b..2e4642201 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -44,6 +44,7 @@
 	--evcc-box: var(--bs-white);
 	--evcc-default-text: var(--bs-gray-dark);
 	--evcc-gray: var(--bs-gray-medium);
+	--evcc-gray-50: #93949e80;
 
 	--evcc-accent1: var(--evcc-dark-yellow);
 	--evcc-accent2: var(--evcc-darker-green);
@@ -193,19 +194,27 @@ a:hover {
 	opacity: 0.2;
 }
 
+.btn-outline-primary {
+	--bs-btn-active-bg: var(--bs-primary);
+	--bs-btn-active-border-color: var(--bs-primary);
+}
+
 .btn-outline-primary,
 .btn-outline-primary:focus {
 	color: var(--bs-primary);
 	background-color: transparent;
 	border-color: var(--bs-primary);
 }
+
 .btn-outline-primary:hover {
 	color: var(--evcc-accent3) !important;
 	background-color: transparent !important;
 	border-color: var(--evcc-accent3) !important;
 }
+
+.btn-group > .btn-check + .btn-outline-primary:hover,
 .btn-outline-primary:active {
-	color: var(--evcc-default-text) !important;
+	color: var(--bs-white) !important;
 	background-color: var(--evcc-accent3) !important;
 	border-color: var(--evcc-accent3) !important;
 }
@@ -319,7 +328,6 @@ a:hover {
 
 .modal-body {
 	padding: 1rem 0 0;
-	overflow-x: hidden;
 }
 
 .modal-footer {
@@ -427,6 +435,9 @@ input::-webkit-datetime-edit {
 	background-color: var(--evcc-box);
 	color: var(--evcc-default-text);
 }
+.form-control:disabled {
+	color: var(--bs-gray-dark);
+}
 
 input[type="time"]::-webkit-calendar-picker-indicator {
 	display: none;
@@ -436,6 +447,13 @@ input[type="time"]::-webkit-calendar-picker-indicator {
 	--bs-table-bg: transparent;
 }
 
+.badge {
+	--bs-badge-font-size: 0.8rem;
+	--bs-badge-padding-x: 0.75em;
+	--bs-badge-padding-y: 0.75em;
+	font-weight: normal;
+}
+
 /* larger check switch */
 .form-switch .form-check-input {
 	height: 1.1rem;
diff --git a/assets/js/components/ChargingPlanSettingsEntry.vue b/assets/js/components/ChargingPlanSettingsEntry.vue
index 5d83c410d..305799c77 100644
--- a/assets/js/components/ChargingPlanSettingsEntry.vue
+++ b/assets/js/components/ChargingPlanSettingsEntry.vue
@@ -269,12 +269,12 @@ export default {
 				this.$t("main.targetCharge.tomorrow"),
 			];
 			for (let i = 0; i < 7; i++) {
-				const dayNumber = date.toLocaleDateString(this.$i18n.locale, {
+				const dayNumber = date.toLocaleDateString(this.$i18n?.locale, {
 					month: "short",
 					day: "numeric",
 				});
 				const dayName =
-					labels[i] || date.toLocaleDateString(this.$i18n.locale, { weekday: "long" });
+					labels[i] || date.toLocaleDateString(this.$i18n?.locale, { weekday: "long" });
 				options.push({
 					value: this.fmtDayString(date),
 					name: `${dayNumber} (${dayName})`,
diff --git a/assets/js/components/Config/AddDeviceButton.vue b/assets/js/components/Config/AddDeviceButton.vue
new file mode 100644
index 000000000..cf657c8a4
--- /dev/null
+++ b/assets/js/components/Config/AddDeviceButton.vue
@@ -0,0 +1,45 @@
+<template>
+	<li class="root">
+		<button class="d-flex align-items-center justify-content-center p-3" @click="$emit('add')">
+			<shopicon-regular-plus class="me-1"></shopicon-regular-plus>
+			{{ title }}
+		</button>
+	</li>
+</template>
+
+<script>
+import "@h2d2/shopicons/es/regular/plus";
+
+export default {
+	name: "AddDeviceButton",
+	props: {
+		title: String,
+	},
+	emits: ["add"],
+};
+</script>
+
+<style scoped>
+.root {
+	padding: 0;
+	display: block;
+	list-style-type: none;
+	min-height: 9rem;
+	border-radius: 1rem;
+	border: 1px solid var(--evcc-gray-50);
+	padding: 1rem 1rem 0.5rem;
+	transition: border-color var(--evcc-transition-fast) linear;
+}
+.root:hover {
+	border-color: var(--evcc-default-text);
+	color: var(--evcc-default-text);
+}
+button {
+	border-radius: 1rem;
+	background: none;
+	border: none;
+	height: 100%;
+	width: 100%;
+	color: inherit;
+}
+</style>
diff --git a/assets/js/components/Config/DeviceCard.vue b/assets/js/components/Config/DeviceCard.vue
new file mode 100644
index 000000000..57c7049b6
--- /dev/null
+++ b/assets/js/components/Config/DeviceCard.vue
@@ -0,0 +1,105 @@
+<template>
+	<li class="root py-2 px-4">
+		<div class="d-flex align-items-center mb-2">
+			<div class="icon me-2">
+				<slot name="icon" />
+			</div>
+			<strong class="flex-grow-1 text-nowrap text-truncate">{{ name }}</strong>
+			<button
+				v-if="unconfigured"
+				type="button"
+				class="btn btn-sm btn-outline-secondary position-relative border-0 p-2"
+				:title="$t('config.main.new')"
+				@click="$emit('configure')"
+			>
+				<shopicon-regular-adjust size="s"></shopicon-regular-adjust>
+			</button>
+			<button
+				v-else-if="editable"
+				type="button"
+				class="btn btn-sm btn-outline-secondary position-relative border-0 p-2"
+				:title="$t('config.main.edit')"
+				@click="$emit('edit')"
+			>
+				<shopicon-regular-adjust size="s"></shopicon-regular-adjust>
+			</button>
+			<button
+				v-else
+				ref="tooltip"
+				type="button"
+				class="btn btn-sm btn-outline-secondary position-relative border-0 p-2 opacity-25"
+				data-bs-toggle="tooltip"
+				:title="$t('config.main.yaml')"
+			>
+				<shopicon-regular-adjust size="s"></shopicon-regular-adjust>
+			</button>
+		</div>
+		<div v-if="unconfigured" class="text-center py-3 evcc-gray">
+			{{ $t("config.main.unconfigured") }}
+		</div>
+		<slot v-else name="tags" />
+	</li>
+</template>
+
+<script>
+import "@h2d2/shopicons/es/regular/adjust";
+import "@h2d2/shopicons/es/regular/invoice";
+import "@h2d2/shopicons/es/regular/edit";
+import Tooltip from "bootstrap/js/dist/tooltip";
+
+export default {
+	name: "DeviceCard",
+	props: {
+		name: String,
+		editable: Boolean,
+		unconfigured: Boolean,
+	},
+	data() {
+		return {
+			tooltip: null,
+		};
+	},
+	emits: ["edit", "configure"],
+	mounted() {
+		this.initTooltip();
+	},
+	watch: {
+		editable() {
+			this.initTooltip();
+		},
+		unconfigured() {
+			this.initTooltip();
+		},
+	},
+	methods: {
+		initTooltip() {
+			this.$nextTick(() => {
+				this.tooltip?.dispose();
+				if (this.$refs.tooltip) {
+					this.tooltip = new Tooltip(this.$refs.tooltip);
+				}
+			});
+		},
+	},
+};
+</script>
+
+<style scoped>
+.root {
+	display: block;
+	list-style-type: none;
+	min-height: 9rem;
+	color: var(--evcc-default-text);
+	border-radius: 1rem;
+	border: 1px solid var(--evcc-gray-50);
+	padding: 1rem 1rem 0.5rem;
+	transition: border-color var(--evcc-transition-fast) linear;
+	background: var(--evcc-box);
+}
+.root:hover {
+	border-color: var(--evcc-gray);
+}
+.icon:empty {
+	display: none;
+}
+</style>
diff --git a/assets/js/components/Config/DeviceTags.vue b/assets/js/components/Config/DeviceTags.vue
new file mode 100644
index 000000000..bc1ea7584
--- /dev/null
+++ b/assets/js/components/Config/DeviceTags.vue
@@ -0,0 +1,64 @@
+<template>
+	<div v-if="tags" class="d-flex mb-2 flex-wrap">
+		<span
+			v-for="(entry, index) in entries"
+			:key="index"
+			class="badge text-bg-secondary me-2 mb-2"
+			:class="{
+				'text-bg-secondary': !entry.error,
+				'text-bg-danger': entry.error,
+			}"
+		>
+			<strong>{{ $t(`config.deviceValue.${entry.name}`) }}:</strong>
+			{{ fmtDeviceValue(entry) }}
+		</span>
+	</div>
+</template>
+<script>
+import formatter from "../../mixins/formatter";
+
+export default {
+	name: "DeviceTags",
+	props: {
+		tags: Object,
+	},
+	mixins: [formatter],
+	computed: {
+		entries() {
+			return Object.entries(this.tags).map(([name, { value, error }]) => {
+				return { name, value, error };
+			});
+		},
+	},
+	methods: {
+		fmtDeviceValue(entry) {
+			const { name, value } = entry;
+			switch (name) {
+				case "power":
+					return this.fmtKw(value);
+				case "energy":
+				case "capacity":
+				case "chargedEnergy":
+					return this.fmtKWh(value * 1e3);
+				case "soc":
+					return `${this.fmtNumber(value, 1)}%`;
+				case "odometer":
+				case "range":
+					return `${this.fmtNumber(value, 0)} km`;
+				case "phaseCurrents":
+					return value.map((v) => this.fmtNumber(v, 0)).join(" ") + " A";
+				case "phaseVoltages":
+					return value.map((v) => this.fmtNumber(v, 0)).join(" ") + " V";
+				case "phasePowers":
+					return value.map((v) => this.fmtKw(v)).join(", ");
+				case "chargeStatus":
+					return value;
+				case "socLimit":
+					return `${this.fmtNumber(value)}%`;
+			}
+			return value;
+		},
+	},
+};
+</script>
+<style scoped></style>
diff --git a/assets/js/components/Config/FormRow.vue b/assets/js/components/Config/FormRow.vue
index 61192e07f..ed0d22e64 100644
--- a/assets/js/components/Config/FormRow.vue
+++ b/assets/js/components/Config/FormRow.vue
@@ -1,18 +1,18 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-	<div class="mb-3">
+	<div class="mb-4">
 		<label :for="id">
 			<div class="form-label">
 				{{ label }}
-				<small v-if="optional">{{ $t("config.form.optional") }}</small>
+				<small v-if="optional" class="evcc-gray">{{ $t("config.form.optional") }}</small>
 			</div>
 		</label>
-		<div :class="smallValue ? 'w-50' : 'w-100'">
+		<div class="w-100">
 			<slot />
 		</div>
-		<div class="form-text">
+		<div class="form-text evcc-gray">
 			<div v-if="example">{{ $t("config.form.example") }}: {{ example }}</div>
-			<div v-if="help" v-html="helpHtml"></div>
+			<div v-if="help" v-html="helpHtml" class="text-gray"></div>
 		</div>
 	</div>
 </template>
@@ -27,7 +27,6 @@ export default {
 		label: String,
 		help: String,
 		optional: Boolean,
-		smallValue: Boolean,
 		example: String,
 	},
 	computed: {
diff --git a/assets/js/components/Config/MeterModal.vue b/assets/js/components/Config/MeterModal.vue
new file mode 100644
index 000000000..d72ee2494
--- /dev/null
+++ b/assets/js/components/Config/MeterModal.vue
@@ -0,0 +1,406 @@
+<template>
+	<Teleport to="body">
+		<div
+			id="meterModal"
+			ref="modal"
+			class="modal fade text-dark"
+			data-bs-backdrop="true"
+			tabindex="-1"
+			role="dialog"
+			aria-hidden="true"
+			data-testid="meter-modal"
+		>
+			<div class="modal-dialog modal-dialog-centered" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">
+							{{ modalTitle }}
+						</h5>
+						<button
+							type="button"
+							class="btn-close"
+							data-bs-dismiss="modal"
+							aria-label="Close"
+						></button>
+					</div>
+					<div class="modal-body">
+						<div v-if="!meterType">
+							<AddDeviceButton
+								title="Add solar meter"
+								class="mb-4 addButton"
+								@click="selectType('pv')"
+							/>
+							<AddDeviceButton
+								title="Add battery meter"
+								class="addButton"
+								@click="selectType('battery')"
+							/>
+						</div>
+						<form v-else ref="form" class="container mx-0 px-0">
+							<FormRow id="meterTemplate" :label="$t('config.meter.template')">
+								<select
+									id="meterTemplate"
+									v-model="templateName"
+									:disabled="!isNew"
+									class="form-select w-100"
+								>
+									<option
+										v-for="option in templateOptions"
+										:key="option.name"
+										:value="option.template"
+									>
+										{{ option.name }}
+									</option>
+								</select>
+							</FormRow>
+							<p v-if="loadingTemplate">Loading ...</p>
+							<Modbus
+								v-if="modbus"
+								v-model:modbus="values.modbus"
+								v-model:id="values.id"
+								v-model:host="values.host"
+								v-model:port="values.port"
+								v-model:device="values.device"
+								v-model:baudrate="values.baudrate"
+								v-model:comset="values.comset"
+								:defaultId="modbus.ID"
+								:defaultComset="modbus.Comset"
+								:defaultBaudrate="modbus.Baudrate"
+								:defaultPort="modbus.Port"
+								:capabilities="modbusCapabilities"
+							/>
+							<FormRow
+								v-for="param in templateParams"
+								:id="`meterParam${param.Name}`"
+								:key="param.Name"
+								:optional="!param.Required"
+								:label="param.Description || `[${param.Name}]`"
+								:help="param.Description === param.Help ? undefined : param.Help"
+								:example="param.Example"
+							>
+								<PropertyField
+									:id="`meterParam${param.Name}`"
+									v-model="values[param.Name]"
+									:masked="param.Mask"
+									:property="param.Name"
+									:type="param.Type"
+									class="me-2"
+									:required="param.Required"
+									:validValues="param.ValidValues"
+								/>
+							</FormRow>
+
+							<TestResult
+								v-if="templateName"
+								:success="testSuccess"
+								:failed="testFailed"
+								:unknown="testUnknown"
+								:running="testRunning"
+								:result="testResult"
+								:error="testError"
+								@test="testManually"
+							/>
+
+							<div v-if="templateName" class="my-4 d-flex justify-content-between">
+								<button
+									v-if="isDeletable"
+									type="button"
+									class="btn btn-link text-danger"
+									@click.prevent="remove"
+								>
+									{{ $t("config.meter.delete") }}
+								</button>
+								<button
+									v-else
+									type="button"
+									class="btn btn-link text-muted"
+									data-bs-dismiss="modal"
+								>
+									{{ $t("config.meter.cancel") }}
+								</button>
+								<button
+									type="submit"
+									class="btn btn-primary"
+									:disabled="testRunning || saving"
+									@click.prevent="isNew ? create() : update()"
+								>
+									<span
+										v-if="saving"
+										class="spinner-border spinner-border-sm"
+										role="status"
+										aria-hidden="true"
+									></span>
+									{{
+										testUnknown
+											? $t("config.meter.validateSave")
+											: $t("config.meter.save")
+									}}
+								</button>
+							</div>
+						</form>
+					</div>
+				</div>
+			</div>
+		</div>
+	</Teleport>
+</template>
+
+<script>
+import FormRow from "./FormRow.vue";
+import PropertyField from "./PropertyField.vue";
+import TestResult from "./TestResult.vue";
+import api from "../../api";
+import test from "./mixins/test";
+import AddDeviceButton from "./AddDeviceButton.vue";
+import Modbus from "./Modbus.vue";
+
+const initialValues = { type: "template" };
+
+function sleep(ms) {
+	return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+export default {
+	name: "MeterModal",
+	components: { FormRow, PropertyField, Modbus, TestResult, AddDeviceButton },
+	mixins: [test],
+	props: {
+		id: Number,
+		name: String,
+		type: String,
+	},
+	emits: ["added", "updated", "removed"],
+	data() {
+		return {
+			isModalVisible: false,
+			templates: [],
+			products: [],
+			templateName: null,
+			template: null,
+			saving: false,
+			selectedType: null,
+			loadingTemplate: false,
+			values: { ...initialValues },
+		};
+	},
+	computed: {
+		modalTitle() {
+			if (this.isNew) {
+				if (this.meterType) {
+					return this.$t(`config.${this.meterType}.titleAdd`);
+				} else {
+					return this.$t("config.meter.titleChoice");
+				}
+			}
+			return this.$t(`config.${this.meterType}.titleEdit`);
+		},
+		meterType() {
+			return this.type || this.selectedType;
+		},
+		templateOptions() {
+			return this.products;
+		},
+		templateParams() {
+			const params = this.template?.Params || [];
+			return (
+				params
+					// deprecated fields
+					.filter((p) => !p.Deprecated)
+					// remove usage option
+					.filter((p) => p.Name !== "usage")
+					// remove modbus, handles separately
+					.filter((p) => p.Name !== "modbus")
+					// capacity only for battery meters
+					.filter((p) => this.meterType === "battery" || p.Name !== "capacity")
+			);
+		},
+		modbus() {
+			const params = this.template?.Params || [];
+			return params.find((p) => p.Name === "modbus");
+		},
+		modbusCapabilities() {
+			return this.modbus?.Choice || [];
+		},
+		apiData() {
+			return {
+				template: this.templateName,
+				...this.values,
+				usage: this.meterType,
+			};
+		},
+		isNew() {
+			return this.id === undefined;
+		},
+		isDeletable() {
+			return !this.isNew;
+		},
+	},
+	watch: {
+		isModalVisible(visible) {
+			if (visible) {
+				this.selectedType = null;
+				this.reset();
+				this.resetTest();
+				this.loadProducts();
+				if (this.id !== undefined) {
+					this.loadConfiguration();
+				}
+			}
+		},
+		meterType() {
+			this.loadProducts();
+		},
+		templateName() {
+			this.loadTemplate();
+		},
+		values: {
+			handler() {
+				this.resetTest();
+			},
+			deep: true,
+		},
+	},
+	mounted() {
+		this.$refs.modal.addEventListener("show.bs.modal", this.modalVisible);
+		this.$refs.modal.addEventListener("hide.bs.modal", this.modalInvisible);
+	},
+	unmounted() {
+		this.$refs.modal?.removeEventListener("show.bs.modal", this.modalVisible);
+		this.$refs.modal?.removeEventListener("hide.bs.modal", this.modalInvisible);
+	},
+	methods: {
+		reset() {
+			this.values = { ...initialValues };
+			this.resetTest();
+		},
+		async loadConfiguration() {
+			try {
+				const meter = (await api.get(`config/devices/meter/${this.id}`)).data.result;
+				this.values = meter.config;
+				this.applyDefaultsFromTemplate();
+				this.templateName = this.values.template;
+			} catch (e) {
+				console.error(e);
+			}
+		},
+		async loadProducts() {
+			if (!this.isModalVisible || !this.meterType) {
+				return;
+			}
+			try {
+				const opts = {
+					params: {
+						usage: this.meterType,
+					},
+				};
+				this.products = (await api.get("config/products/meter", opts)).data.result;
+			} catch (e) {
+				console.error(e);
+			}
+		},
+		async loadTemplate() {
+			this.template = null;
+			this.reset();
+			this.loadingTemplate = true;
+			try {
+				const opts = {
+					params: {
+						lang: this.$i18n?.locale,
+						name: this.templateName,
+					},
+				};
+				const result = await api.get("config/templates/meter", opts);
+				this.template = result.data.result;
+				this.applyDefaultsFromTemplate();
+			} catch (e) {
+				console.error(e);
+			}
+			this.loadingTemplate = false;
+		},
+		applyDefaultsFromTemplate() {
+			const params = this.template?.Params || [];
+			params
+				.filter((p) => p.Default && !this.values[p.Name])
+				.forEach((p) => {
+					this.values[p.Name] = p.Default;
+				});
+		},
+		async create() {
+			if (this.testUnknown) {
+				const success = await this.test(this.testMeter);
+				if (!success) return;
+				await sleep(100);
+			}
+			this.saving = true;
+			try {
+				const response = await api.post("config/devices/meter", this.apiData);
+				const { name } = response.data.result;
+				this.$emit("added", this.meterType, name);
+				this.$emit("updated");
+				this.modalInvisible();
+			} catch (e) {
+				console.error(e);
+				alert("create failed");
+			}
+			this.saving = false;
+		},
+		async testManually() {
+			await this.test(this.testMeter);
+		},
+		async testMeter() {
+			let url = "config/test/meter";
+			if (!this.isNew) {
+				url += `/merge/${this.id}`;
+			}
+			return await api.post(url, this.apiData);
+		},
+		async update() {
+			if (this.testUnknown) {
+				const success = await this.test(this.testMeter);
+				if (!success) return;
+				await sleep(250);
+			}
+			this.saving = true;
+			try {
+				await api.put(`config/devices/meter/${this.id}`, this.apiData);
+				this.$emit("updated");
+				this.modalInvisible();
+			} catch (e) {
+				console.error(e);
+				alert("update failed");
+			}
+			this.saving = false;
+		},
+		async remove() {
+			try {
+				await api.delete(`config/devices/meter/${this.id}`);
+				this.$emit("removed", this.meterType, this.name);
+				this.$emit("updated");
+				this.modalInvisible();
+			} catch (e) {
+				console.error(e);
+				alert("delete failed");
+			}
+		},
+		modalVisible() {
+			this.isModalVisible = true;
+		},
+		modalInvisible() {
+			this.isModalVisible = false;
+		},
+		selectType(type) {
+			this.selectedType = type;
+		},
+	},
+};
+</script>
+<style scoped>
+.container {
+	margin-left: calc(var(--bs-gutter-x) * -0.5);
+	margin-right: calc(var(--bs-gutter-x) * -0.5);
+	padding-right: 0;
+}
+.addButton {
+	min-height: auto;
+}
+</style>
diff --git a/assets/js/components/Config/Modbus.vue b/assets/js/components/Config/Modbus.vue
new file mode 100644
index 000000000..d9d3256e6
--- /dev/null
+++ b/assets/js/components/Config/Modbus.vue
@@ -0,0 +1,252 @@
+<template>
+	<FormRow
+		v-if="showConnectionOptions"
+		id="modbusTcpIp"
+		label="Modbus Connection"
+		:help="
+			connection === 'tcpip'
+				? 'The device is addressable from evcc via LAN/Wifi.'
+				: 'The device is diretly connected to evcc via a RS485 interface.'
+		"
+	>
+		<div class="btn-group" role="group">
+			<input
+				id="modbusTcpIp"
+				v-model="connection"
+				type="radio"
+				class="btn-check"
+				name="modbusConnection"
+				value="tcpip"
+				autocomplete="off"
+			/>
+			<label class="btn btn-outline-primary" for="modbusTcpIp">Network</label>
+			<input
+				id="modbusSerial"
+				v-model="connection"
+				type="radio"
+				class="btn-check"
+				name="modbusConnection"
+				value="serial"
+				autocomplete="off"
+			/>
+			<label class="btn btn-outline-primary" for="modbusSerial">Serial / USB</label>
+		</div>
+	</FormRow>
+	<FormRow id="modbusId" label="Modbus ID">
+		<PropertyField
+			id="modbusId"
+			property="id"
+			type="Number"
+			class="me-2"
+			required
+			:model-value="id || defaultId || 1"
+			@change="$emit('update:id', $event.target.value)"
+		/>
+	</FormRow>
+	<div v-if="connection === 'tcpip'">
+		<FormRow id="modbusHost" label="IP address or hostname" help="Example: 192.0.2.2">
+			<PropertyField
+				id="modbusHost"
+				property="host"
+				type="String"
+				class="me-2"
+				required
+				:model-value="host"
+				@change="$emit('update:host', $event.target.value)"
+			/>
+		</FormRow>
+		<FormRow id="modbusPort" label="Port">
+			<PropertyField
+				id="modbusPort"
+				property="port"
+				type="Number"
+				class="me-2 w-50"
+				required
+				:model-value="port || defaultPort || 502"
+				@change="$emit('update:port', $event.target.value)"
+			/>
+		</FormRow>
+		<FormRow
+			v-if="showProtocolOptions"
+			id="modbusTcp"
+			label="Modbus Protocol"
+			:help="
+				protocol === 'tcp'
+					? 'Device has native LAN/Wifi support or is connected through a RS485 to Ethernet adapter with protocol translation.'
+					: 'Connection through a RS485 to Ethernet adapter without protocol translation.'
+			"
+		>
+			<div class="btn-group" role="group">
+				<input
+					id="modbusTcp"
+					v-model="protocol"
+					type="radio"
+					class="btn-check"
+					name="modbusProtocol"
+					value="tcp"
+					autocomplete="off"
+				/>
+				<label class="btn btn-outline-primary" for="modbusTcp">TCP</label>
+				<input
+					id="modbusRtu"
+					v-model="protocol"
+					type="radio"
+					class="btn-check"
+					name="modbusProtocol"
+					value="rtu"
+					autocomplete="off"
+				/>
+				<label class="btn btn-outline-primary" for="modbusRtu">RTU</label>
+			</div>
+		</FormRow>
+	</div>
+	<div v-else>
+		<FormRow id="modbusDevice" label="Device name" help="Example: /dev/ttyUSB0">
+			<PropertyField
+				id="modbusDevice"
+				property="device"
+				type="String"
+				class="me-2"
+				required
+				:model-value="device"
+				@change="$emit('update:device', $event.target.value)"
+			/>
+		</FormRow>
+		<FormRow id="modbusBaudrate" label="Baudrate">
+			<PropertyField
+				id="modbusBaudrate"
+				property="baudrate"
+				type="Number"
+				class="me-2 w-50"
+				:valid-values="baudrateOptions"
+				required
+				:model-value="baudrate || defaultBaudrate"
+				@change="$emit('update:baudrate', $event.target.value)"
+			/>
+		</FormRow>
+		<FormRow id="modbusComset" label="ComSet">
+			<PropertyField
+				id="modbusComset"
+				property="comset"
+				type="String"
+				class="me-2 w-50"
+				:valid-values="comsetOptions"
+				required
+				:model-value="comset || defaultComset || '8N1'"
+				@change="$emit('update:comset', $event.target.value)"
+			/>
+		</FormRow>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import FormRow from "./FormRow.vue";
+import PropertyField from "./PropertyField.vue";
+import type { PropType } from "vue";
+
+type Capability = "rs485" | "tcpip";
+type Modbus = "rs485serial" | "rs485tcpip" | "tcpip";
+type ConnectionOption = "tcpip" | "serial";
+type ProtocolOption = "tcp" | "rtu";
+
+export default defineComponent({
+	name: "Modbus",
+	components: { FormRow, PropertyField },
+	props: {
+		capabilities: {
+			type: Array as PropType<Capability[]>,
+			default: () => [],
+		},
+		modbus: String as PropType<Modbus>,
+		host: String,
+		port: [Number, String],
+		id: [Number, String],
+		baudrate: [Number, String],
+		comset: String,
+		device: String,
+		defaultPort: Number,
+		defaultId: Number,
+		defaultComset: String,
+		defaultBaudrate: Number,
+	},
+	emits: [
+		"update:modbus",
+		"update:id",
+		"update:host",
+		"update:port",
+		"update:device",
+		"update:baudrate",
+		"update:comset",
+	],
+	data(): { connection: ConnectionOption; protocol: ProtocolOption } {
+		return {
+			connection: "tcpip",
+			protocol: "tcp",
+		};
+	},
+	computed: {
+		selectedModbus(): Modbus {
+			if (this.connection === "serial") {
+				return "rs485serial";
+			}
+			return this.protocol === "rtu" ? "rs485tcpip" : "tcpip";
+		},
+		showConnectionOptions() {
+			return this.capabilities.includes("rs485");
+		},
+		showProtocolOptions() {
+			return this.connection === "tcpip" && this.capabilities.includes("rs485");
+		},
+		comsetOptions() {
+			return ["8N1", "8E1"].map((v) => {
+				return { key: v, name: v };
+			});
+		},
+		baudrateOptions() {
+			return [1200, 9600, 19200, 38400, 57600, 115200].map((v) => {
+				return { key: v, name: `${v}` };
+			});
+		},
+	},
+	watch: {
+		selectedModbus(newValue: Modbus) {
+			this.$emit("update:modbus", newValue);
+		},
+		options(newValue: Capability[]) {
+			this.setProtocolByCapabilities(newValue);
+			this.$emit("update:modbus", this.selectedModbus);
+		},
+		modbus(newValue: Modbus) {
+			if (newValue) {
+				this.setConnectionAndProtocolByModbus(newValue);
+			}
+		},
+	},
+	mounted() {
+		this.setConnectionAndProtocolByModbus(this.modbus);
+		this.$emit("update:modbus", this.selectedModbus);
+	},
+	methods: {
+		setProtocolByCapabilities(capabilities: Capability[]) {
+			this.protocol = capabilities.includes("tcpip") ? "tcp" : "rtu";
+		},
+		setConnectionAndProtocolByModbus(modbus?: Modbus) {
+			switch (modbus) {
+				case "rs485serial":
+					this.connection = "serial";
+					this.protocol = "rtu";
+					break;
+				case "rs485tcpip":
+					this.connection = "tcpip";
+					this.protocol = "rtu";
+					break;
+				case "tcpip":
+					this.connection = "tcpip";
+					this.protocol = "tcp";
+					break;
+			}
+		},
+	},
+});
+</script>
diff --git a/assets/js/components/Config/PropertyField.vue b/assets/js/components/Config/PropertyField.vue
index fb21155a4..e52e25971 100644
--- a/assets/js/components/Config/PropertyField.vue
+++ b/assets/js/components/Config/PropertyField.vue
@@ -1,19 +1,18 @@
 <template>
-	<div v-if="unit" class="input-group w-100">
+	<div v-if="unit" class="input-group" :class="short ? 'w-50' : ''">
 		<input
 			:id="id"
 			v-model="value"
-			type="number"
-			step="any"
+			:type="inputType"
+			:step="step"
 			:placeholder="placeholder"
 			:required="required"
-			aria-label="unit"
 			:aria-describedby="id + '_unit'"
 			class="form-control"
 		/>
 		<span :id="id + '_unit'" class="input-group-text">{{ unit }}</span>
 	</div>
-	<div v-else-if="icons" :id="id" class="d-flex flex-wrap">
+	<div v-else-if="icons" class="d-flex flex-wrap">
 		<div
 			v-for="{ key } in selectOptions"
 			v-show="key === value || selectMode"
@@ -24,17 +23,23 @@
 				:id="`icon_${key}`"
 				v-model="value"
 				type="radio"
-				class="btn-check"
+				:class="selectMode ? 'btn-check' : 'd-none'"
 				:name="property"
-				autocomplete="off"
-				:required="required"
 				:value="key"
 				@click="toggleSelectMode"
 			/>
-			<label class="btn btn-outline-secondary" :for="`icon_${key}`" :aria-label="key">
+			<label
+				class="btn btn-outline-secondary"
+				:class="key === value ? 'active' : ''"
+				:for="`icon_${key}`"
+				:aria-label="key"
+			>
 				<VehicleIcon :name="key" />
 			</label>
 		</div>
+		<div v-if="!selectMode" class="me-2 mb-2 d-flex align-items-end">
+			<a :id="id" class="text-muted" href="#" @click.prevent="toggleSelectMode">change</a>
+		</div>
 	</div>
 	<select v-else-if="select" :id="id" v-model="value" class="form-select">
 		<option v-if="!required" value="">---</option>
@@ -47,7 +52,7 @@
 		:id="id"
 		v-model="value"
 		class="form-control"
-		:type="type"
+		:type="inputType"
 		:placeholder="placeholder"
 		:required="required"
 		rows="4"
@@ -57,7 +62,9 @@
 		:id="id"
 		v-model="value"
 		class="form-control"
-		:type="type"
+		:class="short ? 'w-50' : ''"
+		:type="inputType"
+		:step="step"
 		:placeholder="placeholder"
 		:required="required"
 	/>
@@ -74,6 +81,7 @@ export default {
 		property: String,
 		masked: Boolean,
 		placeholder: String,
+		type: String,
 		required: Boolean,
 		validValues: { type: Array, default: () => [] },
 		modelValue: [String, Number, Boolean, Object],
@@ -83,8 +91,23 @@ export default {
 		return { selectMode: false };
 	},
 	computed: {
-		type() {
-			return this.masked ? "password" : "text";
+		inputType() {
+			if (this.masked) {
+				return "password";
+			}
+			if (["Number", "Float"].includes(this.type)) {
+				return "number";
+			}
+			return "text";
+		},
+		short() {
+			return ["Number", "Float", "Duration"].includes(this.type);
+		},
+		step() {
+			if (this.type === "Float") {
+				return "any";
+			}
+			return null;
 		},
 		unit() {
 			if (this.property === "capacity") {
@@ -102,6 +125,12 @@ export default {
 			return this.validValues.length > 0;
 		},
 		selectOptions() {
+			// If the valid values are already in the correct format, return them
+			if (this.validValues[0].key && this.validValues[0].name) {
+				return this.validValues;
+			}
+
+			// Otherwise, convert them to the correct format
 			return this.validValues.map((value) => ({
 				key: value,
 				name: this.$t(`config.options.${this.property}.${value}`),
diff --git a/assets/js/components/Config/SiteSettings.vue b/assets/js/components/Config/SiteSettings.vue
new file mode 100644
index 000000000..668c1ca62
--- /dev/null
+++ b/assets/js/components/Config/SiteSettings.vue
@@ -0,0 +1,120 @@
+<template>
+	<div class="group p-4 pb-2">
+		<form class="container mx-0 px-0">
+			<FormRow id="siteTitle" label="Site title">
+				<input
+					id="siteTitle"
+					v-model="modifiedFormData.title"
+					class="form-control"
+					placeholder="Home"
+				/>
+			</FormRow>
+			<FormRow id="adminPassword" label="Admin password">
+				<input
+					id="adminPassword"
+					type="password"
+					value="- not set -"
+					class="form-control"
+					disabled
+				/>
+			</FormRow>
+			<FormRow id="sponsorToken" label="Sponsor token">
+				<textarea id="sponsorToken" class="form-control" rows="3" disabled value="tba" />
+			</FormRow>
+			<div class="my-4 d-flex justify-content-end">
+				<button type="reset" class="btn btn-link text-muted" @click.prevent="reset">
+					{{ $t("config.site.cancel") }}
+				</button>
+				<button
+					type="submit"
+					class="btn btn-primary"
+					:disabled="!saveNeeded || saving"
+					@click.prevent="save"
+				>
+					<span
+						v-if="saving"
+						class="spinner-border spinner-border-sm"
+						role="status"
+						aria-hidden="true"
+					></span>
+					{{ $t("config.site.save") }}
+				</button>
+			</div>
+		</form>
+	</div>
+</template>
+
+<script>
+import api from "../../api";
+import FormRow from "../FormRow.vue";
+
+export default {
+	name: "SiteSettings",
+	components: { FormRow },
+	data() {
+		return {
+			originalFormData: { title: "" },
+			modifiedFormData: { title: "" },
+			saving: false,
+		};
+	},
+	emits: ["site-changed"],
+	async mounted() {
+		await this.load();
+	},
+	computed: {
+		saveNeeded() {
+			return JSON.stringify(this.modifiedFormData) !== JSON.stringify(this.originalFormData);
+		},
+	},
+	methods: {
+		async load() {
+			try {
+				const { data } = await api.get("/config/site");
+				this.originalFormData.title = data.result.title;
+			} catch (e) {
+				console.error(e);
+			}
+			this.modifiedFormData = { ...this.originalFormData };
+		},
+		async save() {
+			this.saving = true;
+			try {
+				await api.put("/config/site", this.modifiedFormData);
+				this.$emit("site-changed");
+			} catch (e) {
+				console.error(e);
+			}
+			this.saving = false;
+			await this.load();
+		},
+		reset() {
+			this.modifiedFormData = { ...this.originalFormData };
+		},
+	},
+};
+</script>
+
+<style scoped>
+.group {
+	border-radius: 1rem;
+	box-shadow: 0 0 0 0 var(--evcc-gray-50);
+	color: var(--evcc-default-text);
+	background: var(--evcc-box);
+	padding: 1rem 1rem 0.5rem;
+	display: block;
+	list-style-type: none;
+	min-height: 10rem;
+	margin-bottom: 5rem;
+	border: 1px solid var(--evcc-gray-50);
+	transition: box-shadow var(--evcc-transition-fast) linear;
+}
+
+.group:hover {
+	border-color: var(--evcc-gray);
+}
+
+.group:focus-within {
+	box-shadow: 0 0 1rem 0 var(--evcc-gray-50);
+}
+</style>
diff --git a/assets/js/components/Config/TestResult.vue b/assets/js/components/Config/TestResult.vue
new file mode 100644
index 000000000..c0ddf2b6d
--- /dev/null
+++ b/assets/js/components/Config/TestResult.vue
@@ -0,0 +1,56 @@
+<template>
+	<div
+		class="alert my-4"
+		:class="{
+			'alert-secondary': unknown || running,
+			'alert-success': success,
+			'alert-danger': failed,
+		}"
+		role="alert"
+	>
+		<div class="d-flex justify-content-between align-items-center">
+			<div>
+				{{ $t("config.validation.label") }}:
+				<span v-if="unknown">{{ $t("config.validation.unknown") }}</span>
+				<span v-if="running">{{ $t("config.validation.running") }}</span>
+				<strong v-if="success">{{ $t("config.validation.success") }}</strong>
+				<strong v-if="failed">{{ $t("config.validation.failed") }}</strong>
+			</div>
+			<span
+				v-if="running"
+				class="spinner-border spinner-border-sm"
+				role="status"
+				aria-hidden="true"
+			></span>
+			<a v-else href="#" class="alert-link" @click.prevent="$emit('test')">
+				{{ $t("config.validation.validate") }}
+			</a>
+		</div>
+		<hr v-if="error" />
+		<div v-if="error">
+			{{ error }}
+		</div>
+		<hr v-if="result" />
+		<div v-if="result">
+			<DeviceTags :tags="result" />
+		</div>
+	</div>
+</template>
+
+<script>
+import DeviceTags from "./DeviceTags.vue";
+
+export default {
+	name: "TestResult",
+	props: {
+		success: Boolean,
+		failed: Boolean,
+		unknown: Boolean,
+		running: Boolean,
+		result: Object,
+		error: String,
+	},
+	emits: ["test"],
+	components: { DeviceTags },
+};
+</script>
diff --git a/assets/js/components/Config/UserInterfaceSettings.vue b/assets/js/components/Config/UserInterfaceSettings.vue
new file mode 100644
index 000000000..d30c3ba91
--- /dev/null
+++ b/assets/js/components/Config/UserInterfaceSettings.vue
@@ -0,0 +1,126 @@
+<template>
+	<SponsorTokenExpires :sponsorTokenExpires="sponsorTokenExpires" />
+	<div class="container mx-0 px-0">
+		<FormRow id="settingsDesign" :label="$t('settings.theme.label')">
+			<SelectGroup
+				id="settingsDesign"
+				v-model="theme"
+				class="w-100"
+				:options="
+					THEMES.map((value) => ({
+						value,
+						name: $t(`settings.theme.${value}`),
+					}))
+				"
+			/>
+		</FormRow>
+		<FormRow id="settingsLanguage" :label="$t('settings.language.label')">
+			<select
+				id="settingsLanguage"
+				v-model="language"
+				class="form-select form-select-sm w-75"
+			>
+				<option value="">{{ $t("settings.language.auto") }}</option>
+				<option v-for="option in languageOptions" :key="option" :value="option.value">
+					{{ option.name }}
+				</option>
+			</select>
+		</FormRow>
+		<FormRow id="settingsUnit" :label="$t('settings.unit.label')">
+			<SelectGroup
+				id="settingsUnit"
+				v-model="unit"
+				class="w-75"
+				:options="
+					UNITS.map((value) => ({
+						value,
+						name: $t(`settings.unit.${value}`),
+					}))
+				"
+			/>
+		</FormRow>
+		<FormRow id="telemetryEnabled" :label="$t('settings.telemetry.label')">
+			<TelemetrySettings :sponsor="sponsor" class="mt-1 mb-0" />
+		</FormRow>
+		<FormRow id="hiddenFeaturesEnabled" :label="`${$t('settings.hiddenFeatures.label')} 🧪`">
+			<div class="form-check form-switch my-1">
+				<input
+					id="hiddenFeaturesEnabled"
+					v-model="hiddenFeatures"
+					class="form-check-input"
+					type="checkbox"
+					role="switch"
+				/>
+				<div class="form-check-label">
+					<label for="hiddenFeaturesEnabled">
+						{{ $t("settings.hiddenFeatures.value") }}
+					</label>
+				</div>
+			</div>
+		</FormRow>
+	</div>
+</template>
+
+<script>
+import TelemetrySettings from "../TelemetrySettings.vue";
+import SponsorTokenExpires from "../SponsorTokenExpires.vue";
+import FormRow from "../FormRow.vue";
+import SelectGroup from "../SelectGroup.vue";
+import {
+	getLocalePreference,
+	setLocalePreference,
+	LOCALES,
+	removeLocalePreference,
+} from "../../i18n";
+import { getThemePreference, setThemePreference, THEMES } from "../../theme";
+import { getUnits, setUnits, UNITS } from "../../units";
+import { getHiddenFeatures, setHiddenFeatures } from "../../featureflags";
+
+export default {
+	name: "UserInterfaceSettings",
+	components: { TelemetrySettings, FormRow, SelectGroup, SponsorTokenExpires },
+	props: {
+		sponsor: String,
+		sponsorTokenExpires: Number,
+	},
+	data: function () {
+		return {
+			theme: getThemePreference(),
+			language: getLocalePreference() || "",
+			unit: getUnits(),
+			hiddenFeatures: getHiddenFeatures(),
+			THEMES,
+			UNITS,
+		};
+	},
+	computed: {
+		languageOptions: () => {
+			const locales = Object.entries(LOCALES).map(([key, value]) => {
+				return { value: key, name: value[1] };
+			});
+			// sort by name
+			locales.sort((a, b) => (a.name < b.name ? -1 : 1));
+			return locales;
+		},
+	},
+	watch: {
+		unit(value) {
+			setUnits(value);
+		},
+		theme(value) {
+			setThemePreference(value);
+		},
+		hiddenFeatures(value) {
+			setHiddenFeatures(value);
+		},
+		language(value) {
+			const i18n = this.$root.$i18n;
+			if (value) {
+				setLocalePreference(i18n, value);
+			} else {
+				removeLocalePreference(i18n);
+			}
+		},
+	},
+};
+</script>
diff --git a/assets/js/components/Config/VehicleModal.vue b/assets/js/components/Config/VehicleModal.vue
index 80f70743b..77d5c6450 100644
--- a/assets/js/components/Config/VehicleModal.vue
+++ b/assets/js/components/Config/VehicleModal.vue
@@ -8,6 +8,7 @@
 			tabindex="-1"
 			role="dialog"
 			aria-hidden="true"
+			data-testid="vehicle-modal"
 		>
 			<div class="modal-dialog modal-dialog-centered" role="document">
 				<div class="modal-content">
@@ -30,7 +31,6 @@
 									v-model="templateName"
 									:disabled="!isNew"
 									class="form-select w-100"
-									@change="templateChanged"
 								>
 									<option value="offline">
 										{{ $t("config.vehicle.offline") }}
@@ -72,7 +72,6 @@
 								:optional="!param.Required"
 								:label="param.Description || `[${param.Name}]`"
 								:help="param.Description === param.Help ? undefined : param.Help"
-								:small-value="['capacity'].includes(param.Name)"
 								:example="param.Example"
 							>
 								<PropertyField
@@ -80,77 +79,58 @@
 									v-model="values[param.Name]"
 									:masked="param.Mask"
 									:property="param.Name"
+									:type="param.Type"
 									class="me-2"
 									:required="param.Required"
 									:validValues="param.ValidValues"
 								/>
 							</FormRow>
 
-							<div
+							<TestResult
 								v-if="templateName"
-								class="alert my-4"
-								:class="{
-									'alert-secondary': testUnknown || testRunning,
-									'alert-success': testSuccess,
-									'alert-danger': testFailed,
-								}"
-								role="alert"
-							>
-								<div class="d-flex justify-content-between align-items-center">
-									<div>
-										{{ $t("config.validation.label") }}:
-										<span v-if="testUnknown">{{
-											$t("config.validation.unknown")
-										}}</span>
-										<span v-if="testRunning">{{
-											$t("config.validation.running")
-										}}</span>
-										<strong v-if="testSuccess">{{
-											$t("config.validation.success")
-										}}</strong>
-										<strong v-if="testFailed">{{
-											$t("config.validation.failed")
-										}}</strong>
-									</div>
-									<a href="#" class="alert-link" @click.prevent="test">
-										{{ $t("config.validation.validate") }}
-									</a>
-								</div>
-								<hr v-if="testResult" />
-								<div v-if="testResult">
-									{{ testResult }}
-								</div>
-							</div>
+								:success="testSuccess"
+								:failed="testFailed"
+								:unknown="testUnknown"
+								:running="testRunning"
+								:result="testResult"
+								:error="testError"
+								@test="testManually"
+							/>
 
-							<div v-if="templateName" class="my-4">
+							<div v-if="templateName" class="my-4 d-flex justify-content-between">
 								<button
-									type="submit"
-									class="btn btn-primary me-3"
-									:disabled="testRunning"
-									@click.prevent="isNew ? create() : update()"
+									v-if="isDeletable"
+									type="button"
+									class="btn btn-link text-danger"
+									@click.prevent="remove"
 								>
-									{{
-										testUnknown
-											? $t("config.vehicle.validateSave")
-											: $t("config.vehicle.save")
-									}}
+									{{ $t("config.vehicle.delete") }}
 								</button>
 								<button
+									v-else
 									type="button"
 									class="btn btn-link text-muted"
 									data-bs-dismiss="modal"
 								>
 									{{ $t("config.vehicle.cancel") }}
 								</button>
-							</div>
-
-							<div v-if="isDeletable" class="text-center mt-4">
 								<button
-									type="button"
-									class="btn btn-link text-danger"
-									@click.prevent="remove"
+									type="submit"
+									class="btn btn-primary"
+									:disabled="testRunning || saving"
+									@click.prevent="isNew ? create() : update()"
 								>
-									{{ $t("config.vehicle.delete") }}
+									<span
+										v-if="saving"
+										class="spinner-border spinner-border-sm"
+										role="status"
+										aria-hidden="true"
+									></span>
+									{{
+										testUnknown
+											? $t("config.vehicle.validateSave")
+											: $t("config.vehicle.save")
+									}}
 								</button>
 							</div>
 						</form>
@@ -164,22 +144,20 @@
 <script>
 import FormRow from "./FormRow.vue";
 import PropertyField from "./PropertyField.vue";
+import TestResult from "./TestResult.vue";
 import api from "../../api";
+import test from "./mixins/test";
 
 const initialValues = { type: "template", icon: "car" };
 
-const TEST_UNKNOWN = "unknown";
-const TEST_SUCCESS = "success";
-const TEST_FAILED = "failed";
-const TEST_RUNNING = "running";
-
 function sleep(ms) {
 	return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
 export default {
 	name: "VehicleModal",
-	components: { FormRow, PropertyField },
+	components: { FormRow, PropertyField, TestResult },
+	mixins: [test],
 	props: {
 		id: Number,
 	},
@@ -189,26 +167,13 @@ export default {
 			isModalVisible: false,
 			templates: [],
 			products: [],
+			saving: false,
 			templateName: null,
 			template: null,
 			values: { ...initialValues },
-			testResult: "",
-			testState: TEST_UNKNOWN,
 		};
 	},
 	computed: {
-		testRunning() {
-			return this.testState === TEST_RUNNING;
-		},
-		testSuccess() {
-			return this.testState === TEST_SUCCESS;
-		},
-		testFailed() {
-			return this.testState === TEST_FAILED;
-		},
-		testUnknown() {
-			return this.testState === TEST_UNKNOWN;
-		},
 		templateOptions() {
 			return {
 				online: this.products.filter((p) => !p.group && p.template !== "offline"),
@@ -275,10 +240,6 @@ export default {
 			this.values = { ...initialValues };
 			this.resetTest();
 		},
-		resetTest() {
-			this.testState = TEST_UNKNOWN;
-			this.testResult = null;
-		},
 		async loadConfiguration() {
 			try {
 				const vehicle = (await api.get(`config/devices/vehicle/${this.id}`)).data.result;
@@ -297,10 +258,12 @@ export default {
 			}
 		},
 		async loadTemplate() {
+			this.template = null;
+			this.reset();
 			try {
 				const opts = {
 					params: {
-						lang: this.$i18n.locale,
+						lang: this.$i18n?.locale,
 						name: this.templateName,
 					},
 				};
@@ -310,9 +273,6 @@ export default {
 				console.error(e);
 			}
 		},
-		templateChanged() {
-			this.reset();
-		},
 		applyDefaultsFromTemplate() {
 			const params = this.template?.Params || [];
 			params
@@ -321,31 +281,13 @@ export default {
 					this.values[p.Name] = p.Default;
 				});
 		},
-		async test() {
-			if (!this.$refs.form.reportValidity()) return false;
-			this.testState = TEST_RUNNING;
-			try {
-				let url = "config/test/vehicle";
-				if (!this.isNew) {
-					url += `/${this.id}`;
-				}
-				await api.post(url, this.apiData);
-				this.testState = TEST_SUCCESS;
-				this.testResult = null;
-				return true;
-			} catch (e) {
-				console.error(e);
-				this.testState = TEST_FAILED;
-				this.testResult = e.response?.data?.error || e.message;
-			}
-			return false;
-		},
 		async create() {
 			if (this.testUnknown) {
-				const success = await this.test();
+				const success = await this.test(this.testVehicle);
 				if (!success) return;
 				await sleep(250);
 			}
+			this.saving = true;
 			try {
 				await api.post("config/devices/vehicle", this.apiData);
 				this.$emit("vehicle-changed");
@@ -354,13 +296,25 @@ export default {
 				console.error(e);
 				alert("create failed");
 			}
+			this.saving = false;
+		},
+		async testManually() {
+			await this.test(this.testVehicle);
+		},
+		async testVehicle() {
+			let url = "config/test/vehicle";
+			if (!this.isNew) {
+				url += `/merge/${this.id}`;
+			}
+			return await api.post(url, this.apiData);
 		},
 		async update() {
 			if (this.testUnknown) {
-				const success = await this.test();
+				const success = await this.test(this.testVehicle);
 				if (!success) return;
 				await sleep(250);
 			}
+			this.saving = true;
 			try {
 				await api.put(`config/devices/vehicle/${this.id}`, this.apiData);
 				this.$emit("vehicle-changed");
@@ -369,6 +323,7 @@ export default {
 				console.error(e);
 				alert("update failed");
 			}
+			this.saving = false;
 		},
 		async remove() {
 			try {
diff --git a/assets/js/components/Config/mixins/test.js b/assets/js/components/Config/mixins/test.js
new file mode 100644
index 000000000..1667e20d8
--- /dev/null
+++ b/assets/js/components/Config/mixins/test.js
@@ -0,0 +1,61 @@
+const TEST_UNKNOWN = "unknown";
+const TEST_SUCCESS = "success";
+const TEST_FAILED = "failed";
+const TEST_RUNNING = "running";
+
+export default {
+  data() {
+    return {
+      testState: TEST_UNKNOWN,
+      testError: null,
+      testResult: null,
+    };
+  },
+  computed: {
+    testRunning() {
+      return this.testState === TEST_RUNNING;
+    },
+    testSuccess() {
+      return this.testState === TEST_SUCCESS;
+    },
+    testFailed() {
+      return this.testState === TEST_FAILED;
+    },
+    testUnknown() {
+      return this.testState === TEST_UNKNOWN;
+    },
+  },
+  methods: {
+    resetTest() {
+      this.testState = TEST_UNKNOWN;
+      this.testError = null;
+      this.testResult = null;
+    },
+
+    async test(testApi) {
+      if (!this.$refs.form.reportValidity()) return false;
+      this.testState = TEST_RUNNING;
+      try {
+        const res = await testApi();
+        for (const [key, { error }] of Object.entries(res.data.result)) {
+          if (error) {
+            this.testState = TEST_FAILED;
+            this.testResult = null;
+            this.testError = `${key}: ${error}`;
+            return false;
+          }
+        }
+        this.testResult = res.data.result;
+        this.testError = null;
+        this.testState = TEST_SUCCESS;
+        return true;
+      } catch (e) {
+        console.error(e);
+        this.testState = TEST_FAILED;
+        this.testResult = null;
+        this.testError = e.response?.data?.error || e.message;
+      }
+      return false;
+    },
+  },
+};
diff --git a/assets/js/components/GlobalSettingsModal.vue b/assets/js/components/GlobalSettingsModal.vue
index f70c6c268..6cb6a4c10 100644
--- a/assets/js/components/GlobalSettingsModal.vue
+++ b/assets/js/components/GlobalSettingsModal.vue
@@ -20,73 +20,10 @@
 						></button>
 					</div>
 					<div class="modal-body">
-						<SponsorTokenExpires :sponsorTokenExpires="sponsorTokenExpires" />
-						<div class="container mx-0 px-0">
-							<FormRow id="settingsDesign" :label="$t('settings.theme.label')">
-								<SelectGroup
-									id="settingsDesign"
-									v-model="theme"
-									class="w-100"
-									:options="
-										THEMES.map((value) => ({
-											value,
-											name: $t(`settings.theme.${value}`),
-										}))
-									"
-								/>
-							</FormRow>
-							<FormRow id="settingsLanguage" :label="$t('settings.language.label')">
-								<select
-									id="settingsLanguage"
-									v-model="language"
-									class="form-select form-select-sm w-75"
-								>
-									<option value="">{{ $t("settings.language.auto") }}</option>
-									<option
-										v-for="option in languageOptions"
-										:key="option"
-										:value="option.value"
-									>
-										{{ option.name }}
-									</option>
-								</select>
-							</FormRow>
-							<FormRow id="settingsUnit" :label="$t('settings.unit.label')">
-								<SelectGroup
-									id="settingsUnit"
-									v-model="unit"
-									class="w-75"
-									:options="
-										UNITS.map((value) => ({
-											value,
-											name: $t(`settings.unit.${value}`),
-										}))
-									"
-								/>
-							</FormRow>
-							<FormRow id="telemetryEnabled" :label="$t('settings.telemetry.label')">
-								<TelemetrySettings :sponsor="sponsor" class="mt-1 mb-0" />
-							</FormRow>
-							<FormRow
-								id="hiddenFeaturesEnabled"
-								:label="`${$t('settings.hiddenFeatures.label')} 🧪`"
-							>
-								<div class="form-check form-switch col-form-label">
-									<input
-										id="hiddenFeaturesEnabled"
-										v-model="hiddenFeatures"
-										class="form-check-input"
-										type="checkbox"
-										role="switch"
-									/>
-									<div class="form-check-label">
-										<label for="hiddenFeaturesEnabled">
-											{{ $t("settings.hiddenFeatures.value") }}
-										</label>
-									</div>
-								</div>
-							</FormRow>
-						</div>
+						<UserInterfaceSettings
+							:sponsor="sponsor"
+							:sponsorTokenExpires="sponsorTokenExpires"
+						/>
 					</div>
 				</div>
 			</div>
@@ -95,60 +32,14 @@
 </template>
 
 <script>
-import TelemetrySettings from "./TelemetrySettings.vue";
-import SponsorTokenExpires from "./SponsorTokenExpires.vue";
-import FormRow from "./FormRow.vue";
-import SelectGroup from "./SelectGroup.vue";
-import { getLocalePreference, setLocalePreference, LOCALES, removeLocalePreference } from "../i18n";
-import { getThemePreference, setThemePreference, THEMES } from "../theme";
-import { getUnits, setUnits, UNITS } from "../units";
-import { getHiddenFeatures, setHiddenFeatures } from "../featureflags";
+import UserInterfaceSettings from "./Config/UserInterfaceSettings.vue";
 
 export default {
 	name: "GlobalSettingsModal",
-	components: { TelemetrySettings, FormRow, SelectGroup, SponsorTokenExpires },
+	components: { UserInterfaceSettings },
 	props: {
 		sponsor: String,
 		sponsorTokenExpires: Number,
 	},
-	data: function () {
-		return {
-			theme: getThemePreference(),
-			language: getLocalePreference() || "",
-			unit: getUnits(),
-			hiddenFeatures: getHiddenFeatures(),
-			THEMES,
-			UNITS,
-		};
-	},
-	computed: {
-		languageOptions: () => {
-			const locales = Object.entries(LOCALES).map(([key, value]) => {
-				return { value: key, name: value[1] };
-			});
-			// sort by name
-			locales.sort((a, b) => (a.name < b.name ? -1 : 1));
-			return locales;
-		},
-	},
-	watch: {
-		unit(value) {
-			setUnits(value);
-		},
-		theme(value) {
-			setThemePreference(value);
-		},
-		hiddenFeatures(value) {
-			setHiddenFeatures(value);
-		},
-		language(value) {
-			const i18n = this.$root.$i18n;
-			if (value) {
-				setLocalePreference(i18n, value);
-			} else {
-				removeLocalePreference(i18n);
-			}
-		},
-	},
 };
 </script>
diff --git a/assets/js/components/TopHeader.vue b/assets/js/components/TopHeader.vue
new file mode 100644
index 000000000..56d6e91b3
--- /dev/null
+++ b/assets/js/components/TopHeader.vue
@@ -0,0 +1,45 @@
+<template>
+	<header class="d-flex justify-content-between align-items-center py-3">
+		<h1 class="mb-1 pt-1 d-flex text-nowrap text-truncate">
+			<router-link class="evcc-default-text" to="/" data-testid="home-link">
+				<shopicon-regular-home size="s" class="home"></shopicon-regular-home>
+			</router-link>
+			<div size="s" class="mx-2 flex-grow-0 flex-shrink-0 fw-normal">/</div>
+			<span class="text-truncate">{{ title }}</span>
+		</h1>
+		<TopNavigation v-bind="topNavigation" />
+	</header>
+</template>
+
+<script>
+import "@h2d2/shopicons/es/regular/home";
+import TopNavigation from "./TopNavigation.vue";
+import collector from "../mixins/collector";
+import store from "../store";
+
+export default {
+	name: "TopHeader",
+	mixins: [collector],
+	components: {
+		TopNavigation,
+	},
+	props: {
+		title: String,
+	},
+	computed: {
+		topNavigation: function () {
+			const vehicleLogins = store.state.auth ? store.state.auth.vehicles : {};
+			return { vehicleLogins, ...this.collectProps(TopNavigation, store.state) };
+		},
+	},
+};
+</script>
+
+<style scoped>
+.home {
+	height: 22px;
+	width: 22px;
+	position: relative;
+	top: -3px;
+}
+</style>
diff --git a/assets/js/mixins/formatter.js b/assets/js/mixins/formatter.js
index df7f1fcab..df8c57eeb 100644
--- a/assets/js/mixins/formatter.js
+++ b/assets/js/mixins/formatter.js
@@ -42,7 +42,7 @@ export default {
       if (withUnit) {
         unit = kw ? " kW" : " W";
       }
-      return `${new Intl.NumberFormat(this.$i18n.locale, {
+      return `${new Intl.NumberFormat(this.$i18n?.locale, {
         style: "decimal",
         minimumFractionDigits: digits,
         maximumFractionDigits: digits,
@@ -53,7 +53,7 @@ export default {
     },
     fmtNumber: function (number, decimals, unit) {
       const style = unit ? "unit" : "decimal";
-      return new Intl.NumberFormat(this.$i18n.locale, {
+      return new Intl.NumberFormat(this.$i18n?.locale, {
         style,
         unit,
         minimumFractionDigits: decimals,
@@ -73,7 +73,7 @@ export default {
       return Math.abs(val) >= this.fmtLimit ? "k" : "";
     },
     fmtNumberToLocale(val, pad = 0) {
-      return val.toLocaleString(this.$i18n.locale).padStart(pad, "0");
+      return val.toLocaleString(this.$i18n?.locale).padStart(pad, "0");
     },
     fmtDurationNs(duration = 0, withUnit = true, minUnit = "s") {
       return this.fmtDuration(duration / 1e9, withUnit, minUnit);
@@ -124,7 +124,7 @@ export default {
       return tomorrow.toDateString() === date.toDateString();
     },
     weekdayPrefix: function (date) {
-      const rtf = new Intl.RelativeTimeFormat(this.$i18n.locale, { numeric: "auto" });
+      const rtf = new Intl.RelativeTimeFormat(this.$i18n?.locale, { numeric: "auto" });
 
       if (this.isToday(date)) {
         return rtf.formatToParts(0, "day")[0].value;
@@ -132,25 +132,25 @@ export default {
       if (this.isTomorrow(date)) {
         return rtf.formatToParts(1, "day")[0].value;
       }
-      return new Intl.DateTimeFormat(this.$i18n.locale, {
+      return new Intl.DateTimeFormat(this.$i18n?.locale, {
         weekday: "short",
       }).format(date);
     },
     weekdayTime: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n.locale, {
+      return new Intl.DateTimeFormat(this.$i18n?.locale, {
         weekday: "short",
         hour: "numeric",
         minute: "numeric",
       }).format(date);
     },
     weekdayShort: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n.locale, {
+      return new Intl.DateTimeFormat(this.$i18n?.locale, {
         weekday: "short",
       }).format(date);
     },
     fmtAbsoluteDate: function (date) {
       const weekday = this.weekdayPrefix(date);
-      const hour = new Intl.DateTimeFormat(this.$i18n.locale, {
+      const hour = new Intl.DateTimeFormat(this.$i18n?.locale, {
         hour: "numeric",
         minute: "numeric",
       }).format(date);
@@ -158,7 +158,7 @@ export default {
       return `${weekday} ${hour}`;
     },
     fmtFullDateTime: function (date, short) {
-      return new Intl.DateTimeFormat(this.$i18n.locale, {
+      return new Intl.DateTimeFormat(this.$i18n?.locale, {
         weekday: short ? undefined : "short",
         month: short ? "numeric" : "short",
         day: "numeric",
@@ -167,25 +167,25 @@ export default {
       }).format(date);
     },
     fmtMonthYear: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n.locale, {
+      return new Intl.DateTimeFormat(this.$i18n?.locale, {
         month: "long",
         year: "numeric",
       }).format(date);
     },
     fmtMonth: function (date, short) {
-      return new Intl.DateTimeFormat(this.$i18n.locale, {
+      return new Intl.DateTimeFormat(this.$i18n?.locale, {
         month: short ? "short" : "long",
       }).format(date);
     },
     fmtDayMonthYear: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n.locale, {
+      return new Intl.DateTimeFormat(this.$i18n?.locale, {
         day: "numeric",
         month: "long",
         year: "numeric",
       }).format(date);
     },
     fmtMoney: function (amout = 0, currency = "EUR", decimals = true) {
-      return new Intl.NumberFormat(this.$i18n.locale, {
+      return new Intl.NumberFormat(this.$i18n?.locale, {
         style: "currency",
         currency,
         currencyDisplay: "code",
@@ -208,7 +208,7 @@ export default {
         minimumFractionDigits = 1;
         maximumFractionDigits = 1;
       }
-      const price = new Intl.NumberFormat(this.$i18n.locale, {
+      const price = new Intl.NumberFormat(this.$i18n?.locale, {
         style: "decimal",
         minimumFractionDigits,
         maximumFractionDigits,
@@ -230,7 +230,7 @@ export default {
         second: 1000,
       };
 
-      const rtf = new Intl.RelativeTimeFormat(this.$i18n.locale, { numeric: "auto" });
+      const rtf = new Intl.RelativeTimeFormat(this.$i18n?.locale, { numeric: "auto" });
 
       // "Math.abs" accounts for both "past" & "future" scenarios
       for (var u in units)
diff --git a/assets/js/views/ChargingSessions.vue b/assets/js/views/ChargingSessions.vue
index fd228c879..e043e18be 100644
--- a/assets/js/views/ChargingSessions.vue
+++ b/assets/js/views/ChargingSessions.vue
@@ -1,16 +1,6 @@
 <template>
 	<div class="container px-4">
-		<header class="d-flex justify-content-between align-items-center py-3">
-			<h1 class="mb-1 pt-1 d-flex text-nowrap text-truncate">
-				<router-link class="evcc-default-text" to="/">
-					<shopicon-regular-home size="s" class="home"></shopicon-regular-home>
-				</router-link>
-				<div size="s" class="mx-2 flex-grow-0 flex-shrink-0 fw-normal">/</div>
-				<span class="text-truncate">{{ $t("sessions.title") }}</span>
-			</h1>
-			<TopNavigation v-bind="topNavigation" />
-		</header>
-
+		<TopHeader :title="$t('sessions.title')" />
 		<div class="row">
 			<main class="col-12">
 				<div class="d-flex align-items-baseline justify-content-between my-3 my-md-5">
@@ -252,8 +242,6 @@
 
 <script>
 import Modal from "bootstrap/js/dist/modal";
-import TopNavigation from "../components/TopNavigation.vue";
-import "@h2d2/shopicons/es/regular/home";
 import "@h2d2/shopicons/es/regular/angledoubleleftsmall";
 import "@h2d2/shopicons/es/regular/angledoublerightsmall";
 import formatter from "../mixins/formatter";
@@ -263,7 +251,7 @@ import CustomSelect from "../components/CustomSelect.vue";
 import ChargingSessionModal from "../components/ChargingSessionModal.vue";
 import breakpoint from "../mixins/breakpoint";
 import settings from "../settings";
-import collector from "../mixins/collector";
+import TopHeader from "../components/TopHeader.vue";
 
 const COLUMNS_PER_BREAKPOINT = {
 	xs: 1,
@@ -276,8 +264,8 @@ const COLUMNS_PER_BREAKPOINT = {
 
 export default {
 	name: "ChargingSessions",
-	components: { TopNavigation, ChargingSessionModal, CustomSelect },
-	mixins: [formatter, breakpoint, collector],
+	components: { ChargingSessionModal, CustomSelect, TopHeader },
+	mixins: [formatter, breakpoint],
 	props: {
 		notifications: Array,
 		month: { type: Number, default: () => new Date().getMonth() + 1 },
@@ -638,7 +626,7 @@ export default {
 		csvHrefLink(year, month) {
 			const params = new URLSearchParams({
 				format: "csv",
-				lang: this.$i18n.locale,
+				lang: this.$i18n?.locale,
 			});
 			if (year && month) {
 				params.append("year", year);
@@ -650,12 +638,6 @@ export default {
 };
 </script>
 <style scoped>
-.home {
-	height: 22px;
-	width: 22px;
-	position: relative;
-	top: -3px;
-}
 .table {
 	border-collapse: separate;
 	border-spacing: 0;
diff --git a/assets/js/views/Config.vue b/assets/js/views/Config.vue
index 71c633622..7dd576a67 100644
--- a/assets/js/views/Config.vue
+++ b/assets/js/views/Config.vue
@@ -1,283 +1,464 @@
 <template>
-	<div class="container px-4">
-		<header class="d-flex justify-content-between align-items-center py-3 mb-4">
-			<h1 class="mb-1 pt-1 d-flex text-nowrap">
-				<router-link class="dropdown-item mx-2 me-2" to="/">
-					<shopicon-bold-arrowback size="s" class="back"></shopicon-bold-arrowback>
-				</router-link>
-				Configuration 🧪
-			</h1>
-			<TopNavigation v-bind="topNavigation" />
-		</header>
-
-		<div class="alert alert-danger mb-5" role="alert">
-			<strong>Highly experimental!</strong> Only play around with this settings if you know
-			what your doing. Otherwise you might have to reset or manually repair you database.
-		</div>
-
-		<!--
-		<h2 class="d-flex align-items-center text-evcc">
-			<shopicon-regular-powersupply size="m" class="me-2"></shopicon-regular-powersupply>
-			Grid
-		</h2>
-		<div>
-			<ul class="p-0">
-				<li class="d-flex align-items-center">
-					Grid meter <small class="mx-2">E3/DC</small>
-
-					<button class="btn btn-sm btn-link text-gray" @click="todo">edit</button>
-				</li>
-				<li class="d-flex align-items-center">
-					Grid use <small class="ms-2">32ct/kWh fixed</small>
-					<button class="btn btn-sm btn-link text-gray" @click="todo">edit</button>
-				</li>
-				<li class="d-flex align-items-center">
-					Grid feed-in <small class="ms-2">8ct/kWh fixed</small>
-					<button class="btn btn-sm btn-link text-gray" @click="todo">edit</button>
-				</li>
-				<li class="d-flex align-items-center">
-					Grid CO₂ <small class="ms-2">none</small>
-					<button class="btn btn-sm btn-link text-gray" @click="todo">configure</button>
-				</li>
-			</ul>
-		</div>
-		<hr />
-
-		<h2 class="d-flex align-items-center text-evcc">
-			<shopicon-regular-sun size="m" class="me-2"></shopicon-regular-sun>
-			Photovoltaics
-		</h2>
-		<div>
-			<ul class="p-0">
-				<li v-for="(meter, index) in pvs" :key="index" class="d-flex align-items-center">
-					PV {{ index + 1 }}
-					<shopicon-regular-warning
-						v-if="index === 3"
-						size="s"
-						class="text-warning ms-2"
-					></shopicon-regular-warning>
-					<button class="btn btn-sm btn-link text-gray" @click="todo">edit</button>
-				</li>
-				<li class="d-flex align-items-center">
-					<button class="btn btn-sm btn-link text-gray px-0" @click="todo">
-						+ add PV
-					</button>
-				</li>
-			</ul>
-		</div>
-		<hr />
-
-		<h2 class="d-flex align-items-center text-evcc">
-			<shopicon-regular-batterythreequarters
-				size="m"
-				class="me-2"
-			></shopicon-regular-batterythreequarters>
-			Battery storage
-		</h2>
-		<div>
-			<ul class="p-0">
-				<li
-					v-for="(meter, index) in batteries"
-					:key="index"
-					class="d-flex align-items-center"
+	<div class="root">
+		<div class="container px-4">
+			<TopHeader title="Configuration 🧪" />
+			<div class="wrapper">
+				<div
+					v-if="dirty"
+					class="alert alert-secondary d-flex justify-content-between align-items-center my-4"
+					role="alert"
 				>
-					Battery {{ index + 1 }}
-					<button class="btn btn-sm btn-link text-gray" @click="todo">edit</button>
-				</li>
-				<li class="d-flex align-items-center">
-					<button class="btn btn-sm btn-link text-gray px-0" @click="todo">
-						+ add battery
+					<div v-if="restarting"><strong>Restarting evcc.</strong> Please wait ...</div>
+					<div v-else>
+						<strong>Configuration changed.</strong> Please restart to see the effect.
+					</div>
+					<button
+						type="button"
+						class="btn btn-outline-dark btn-sm"
+						:disabled="restarting || offline"
+						@click="restart"
+					>
+						<span
+							v-if="restarting || offline"
+							class="spinner-border spinner-border-sm"
+							role="status"
+							aria-hidden="true"
+						></span>
+						<span v-else> Restart </span>
 					</button>
-				</li>
-			</ul>
+				</div>
+
+				<div class="alert alert-danger my-4" role="alert">
+					<strong>Highly experimental!</strong> Only play around with this settings if you
+					know what your doing. Otherwise you might have to reset or manually repair you
+					database.
+				</div>
+
+				<h2 class="my-4 mt-5">General</h2>
+				<SiteSettings @site-changed="siteChanged" />
+
+				<h2 class="my-4 mt-5">Grid, PV & Battery Systems</h2>
+				<ul class="p-0 config-list">
+					<DeviceCard
+						:name="gridMeter?.config?.template || 'Grid meter'"
+						:unconfigured="!gridMeter"
+						:editable="!!gridMeter?.id"
+						data-testid="grid"
+						@configure="addMeter('grid')"
+						@edit="editMeter(gridMeter.id, 'grid')"
+					>
+						<template #icon>
+							<shopicon-regular-powersupply></shopicon-regular-powersupply>
+						</template>
+						<template #tags>
+							<DeviceTags :tags="deviceTags('meter', gridMeter?.name)" />
+						</template>
+					</DeviceCard>
+					<DeviceCard
+						v-for="meter in pvMeters"
+						:key="!!meter.name"
+						:name="meter.config?.template || 'Solar system'"
+						:editable="!!meter.id"
+						data-testid="pv"
+						@edit="editMeter(meter.id, 'pv')"
+					>
+						<template #icon>
+							<shopicon-regular-sun></shopicon-regular-sun>
+						</template>
+						<template #tags>
+							<DeviceTags :tags="deviceTags('meter', meter.name)" />
+						</template>
+					</DeviceCard>
+					<DeviceCard
+						v-for="meter in batteryMeters"
+						:key="meter.name"
+						:name="meter.config?.template || 'Battery storage'"
+						:editable="!!meter.id"
+						data-testid="battery"
+						@edit="editMeter(meter.id, 'battery')"
+					>
+						<template #icon>
+							<shopicon-regular-batterythreequarters></shopicon-regular-batterythreequarters>
+						</template>
+						<template #tags>
+							<DeviceTags :tags="deviceTags('meter', meter.name)" />
+						</template>
+					</DeviceCard>
+					<AddDeviceButton :title="$t('config.main.addPvBattery')" @add="addMeter" />
+				</ul>
+
+				<h2 class="my-4">Tariffs</h2>
+
+				<ul class="p-0 config-list">
+					<DeviceCard
+						name="Grid"
+						unconfigured
+						data-testid="tariff-grid"
+						@configure="todo"
+					>
+						<template #icon>
+							<shopicon-regular-money></shopicon-regular-money>
+						</template>
+					</DeviceCard>
+					<DeviceCard
+						name="Feed-in"
+						unconfigured
+						data-testid="tariff-feedin"
+						@configure="todo"
+					>
+						<template #icon>
+							<shopicon-regular-receivepayment></shopicon-regular-receivepayment>
+						</template>
+					</DeviceCard>
+					<DeviceCard
+						name="CO₂ estimate"
+						unconfigured
+						data-testid="tariff-co2"
+						@configure="todo"
+					>
+						<template #icon>
+							<shopicon-regular-eco1></shopicon-regular-eco1>
+						</template>
+					</DeviceCard>
+				</ul>
+
+				<h2 class="my-4">Charge Points</h2>
+
+				<ul class="p-0 config-list">
+					<DeviceCard
+						name="Fake Carport"
+						editable
+						data-testid="chargepoint-1"
+						@edit="todo"
+					>
+						<template #icon>
+							<shopicon-regular-cablecharge></shopicon-regular-cablecharge>
+						</template>
+						<template #tags>
+							<DeviceTags :tags="{ power: 0 }" />
+						</template>
+					</DeviceCard>
+					<AddDeviceButton
+						data-testid="add-loadpoint"
+						:title="$t('config.main.addLoadpoint')"
+						@click="todo"
+					/>
+				</ul>
+
+				<h2 class="my-4">Vehicles</h2>
+				<div>
+					<ul class="p-0 config-list">
+						<DeviceCard
+							v-for="vehicle in vehicles"
+							:key="vehicle.id"
+							:name="vehicle.config?.title || vehicle.name"
+							:editable="vehicle.id >= 0"
+							data-testid="vehicle"
+							@edit="editVehicle(vehicle.id)"
+						>
+							<template #icon>
+								<VehicleIcon :name="vehicle.config?.icon" />
+							</template>
+							<template #tags>
+								<DeviceTags :tags="deviceTags('vehicle', vehicle.name)" />
+							</template>
+						</DeviceCard>
+						<AddDeviceButton
+							data-testid="add-vehicle"
+							:title="$t('config.main.addVehicle')"
+							@click="addVehicle"
+						/>
+					</ul>
+				</div>
+				<h2 class="my-4">Integrations</h2>
+
+				<ul class="p-0 config-list">
+					<DeviceCard name="MQTT" unconfigured data-testid="mqtt" @configure="todo">
+						<template #icon>
+							<shopicon-regular-fastdelivery1></shopicon-regular-fastdelivery1>
+						</template>
+					</DeviceCard>
+					<DeviceCard
+						name="Notifications"
+						unconfigured
+						data-testid="eebus"
+						@configure="todo"
+					>
+						<template #icon>
+							<shopicon-regular-sendit></shopicon-regular-sendit>
+						</template>
+					</DeviceCard>
+					<DeviceCard name="InfluxDB" unconfigured data-testid="influx" @configure="todo">
+						<template #icon>
+							<shopicon-regular-diagram></shopicon-regular-diagram>
+						</template>
+					</DeviceCard>
+					<DeviceCard name="EEBus" unconfigured data-testid="eebus" @configure="todo">
+						<template #icon>
+							<shopicon-regular-polygon></shopicon-regular-polygon>
+						</template>
+					</DeviceCard>
+				</ul>
+
+				<hr class="my-5" />
+				<VehicleModal :id="selectedVehicleId" @vehicle-changed="vehicleChanged" />
+				<MeterModal
+					:id="selectedMeterId"
+					:name="selectedMeterName"
+					:type="selectedMeterType"
+					@added="addMeterToSite"
+					@updated="meterChanged"
+					@removed="removeMeterFromSite"
+				/>
+			</div>
 		</div>
-		<hr />
-
-		<h2 class="d-flex align-items-center text-evcc">
-			<shopicon-regular-lightning size="m" class="me-2"></shopicon-regular-lightning>
-			Loadpoints
-		</h2>
-		<div>Bar</div>
-		<hr />
-		-->
-
-		<h2 class="my-4">My Vehicles</h2>
-		<div>
-			<ul class="p-0 config-list">
-				<li
-					v-for="(vehicle, index) in vehicles"
-					:key="index"
-					class="config-entry"
-					data-testid="vehicle"
-				>
-					<div class="d-flex align-items-center mb-2">
-						<VehicleIcon :name="vehicle.config?.icon" class="me-2" />
-						<span class="flex-grow-1 text-nowrap text-truncate">{{
-							vehicle.config?.title || vehicle.name
-						}}</span>
-						<button
-							v-if="vehicle.id"
-							class="btn btn-sm btn-link text-gray"
-							@click="editVehicle(vehicle.id)"
-						>
-							{{ $t("config.main.edit") }}
-						</button>
-						<span v-else class="text-gray opacity-50 px-2 py-1" disabled>yaml</span>
-					</div>
-					<div v-if="false" class="d-flex mb-2" @click="todo">
-						<!-- example for later -->
-						<span
-							v-if="index > 1 && index < 6"
-							title="Charge"
-							class="badge text-bg-secondary me-1 mb-1"
-							>33%</span
-						>
-						<span
-							v-if="index > 2"
-							title="Capacity"
-							class="badge text-bg-secondary me-1 mb-1"
-							>42 kWh</span
-						>
-						<span
-							v-if="index < 4"
-							title="Power"
-							class="badge text-bg-secondary me-1 mb-1"
-							>+4,3 kW</span
-						>
-						<span title="Odometer" class="badge text-bg-secondary me-1 mb-1"
-							>23.123 km</span
-						>
-						<span
-							v-if="index == 2"
-							title="Climate"
-							class="badge text-bg-secondary me-1 mb-1"
-							>climate</span
-						>
-					</div>
-				</li>
-			</ul>
-			<button class="btn btn-outline-secondary" @click="addVehicle">
-				{{ $t("config.main.addVehicle") }}
-			</button>
-			<VehicleModal :id="vehicleId" @vehicle-changed="vehicleChanged" />
-		</div>
-		<hr class="my-5" />
-
-		<!--
-		<h2 class="d-flex align-items-center text-evcc">
-			<shopicon-regular-megaphone size="m" class="me-2"></shopicon-regular-megaphone>
-			Notifications
-		</h2>
-		<div>Bar</div>
-		<hr />
-	-->
 	</div>
 </template>
 
 <script>
-import TopNavigation from "../components/TopNavigation.vue";
-import "@h2d2/shopicons/es/bold/arrowback";
-import "@h2d2/shopicons/es/regular/powersupply";
+import TopHeader from "../components/TopHeader.vue";
 import "@h2d2/shopicons/es/regular/sun";
-import "@h2d2/shopicons/es/regular/warning";
-import "@h2d2/shopicons/es/regular/car3";
-import "@h2d2/shopicons/es/regular/megaphone";
-import "@h2d2/shopicons/es/regular/lightning";
 import "@h2d2/shopicons/es/regular/batterythreequarters";
-import "@h2d2/shopicons/es/regular/home";
+import "@h2d2/shopicons/es/regular/powersupply";
+import "@h2d2/shopicons/es/regular/money";
+import "@h2d2/shopicons/es/regular/receivepayment";
+import "@h2d2/shopicons/es/regular/eco1";
+import "@h2d2/shopicons/es/regular/fastdelivery1";
+import "@h2d2/shopicons/es/regular/sendit";
+import "@h2d2/shopicons/es/regular/diagram";
+import "@h2d2/shopicons/es/regular/polygon";
+import "@h2d2/shopicons/es/regular/cablecharge";
 import Modal from "bootstrap/js/dist/modal";
 import api from "../api";
 import VehicleIcon from "../components/VehicleIcon";
 import VehicleModal from "../components/Config/VehicleModal.vue";
-import store from "../store";
-import collector from "../mixins/collector";
+import DeviceCard from "../components/Config/DeviceCard.vue";
+import DeviceTags from "../components/Config/DeviceTags.vue";
+import AddDeviceButton from "../components/Config/AddDeviceButton.vue";
+import MeterModal from "../components/Config/MeterModal.vue";
+import SiteSettings from "../components/Config/SiteSettings.vue";
+import formatter from "../mixins/formatter";
 
 export default {
 	name: "Config",
-	components: { TopNavigation, VehicleIcon, VehicleModal },
-	mixins: [collector],
+	components: {
+		TopHeader,
+		SiteSettings,
+		VehicleIcon,
+		VehicleModal,
+		DeviceCard,
+		DeviceTags,
+		AddDeviceButton,
+		MeterModal,
+	},
+	props: {
+		offline: Boolean,
+		notifications: Array,
+	},
 	data() {
 		return {
+			dirty: false,
+			restarting: false,
 			vehicles: [],
-			loadpoints: [],
-			pvs: [],
-			batteries: [],
-			grid: null,
-			vehicleId: undefined,
+			meters: [],
+			selectedVehicleId: undefined,
+			selectedMeterId: undefined,
+			selectedMeterType: undefined,
+			site: { grid: "", pv: [], battery: [] },
+			deviceValueTimeout: undefined,
+			deviceValues: {},
 		};
 	},
+	mixins: [formatter],
 	computed: {
-		topNavigation: function () {
-			const vehicleLogins = store.state.auth ? store.state.auth.vehicles : {};
-			return { vehicleLogins, ...this.collectProps(TopNavigation, store.state) };
+		siteTitle() {
+			return this.site?.title;
+		},
+		gridMeter() {
+			const name = this.site?.grid;
+			return this.getMetersByNames([name])[0];
+		},
+		pvMeters() {
+			const names = this.site?.pv;
+			return this.getMetersByNames(names);
+		},
+		batteryMeters() {
+			const names = this.site?.battery;
+			return this.getMetersByNames(names);
+		},
+		selectedMeterName() {
+			return this.getMeterById(this.selectedMeterId)?.name;
+		},
+	},
+	watch: {
+		offline() {
+			if (!this.offline) {
+				this.restarting = false;
+				this.loadAll();
+			}
 		},
 	},
 	mounted() {
-		this.loadVehicles();
-		this.loadLoadpoints();
-		this.loadMeters();
+		this.loadAll();
+	},
+	unmounted() {
+		clearTimeout(this.deviceValueTimeout);
 	},
 	methods: {
+		async loadAll() {
+			await this.loadVehicles();
+			await this.loadMeters();
+			await this.loadSite();
+			await this.loadDirty();
+			await this.updateValues();
+		},
+		async loadDirty() {
+			try {
+				const response = await api.get("/config/dirty");
+				this.dirty = response.data?.result;
+			} catch (e) {
+				console.error(e);
+			}
+		},
 		async loadVehicles() {
 			const response = await api.get("/config/devices/vehicle");
-			this.vehicles = response.data?.result;
-		},
-		async loadLoadpoints() {
-			// TODO: add GET loadpoints API
-			const response = await api.get("/config/devices/charger");
-			this.loadpoints = response.data?.result;
+			this.vehicles = response.data?.result || [];
 		},
 		async loadMeters() {
-			// TODO: split this into separate endpoints for pv, battery, grid
 			const response = await api.get("/config/devices/meter");
-			const meters = response.data?.result || [];
-			this.pvs = meters;
-			this.batteries = meters;
-			this.grid = meters[0];
+			this.meters = response.data?.result || [];
+		},
+		async loadSite() {
+			const response = await api.get("/config/site");
+			this.site = response.data?.result;
+		},
+		getMetersByNames(names) {
+			if (!names || !this.meters) {
+				return [];
+			}
+			return this.meters.filter((m) => names.includes(m.name));
+		},
+		getMeterById(id) {
+			if (!id || !this.meters) {
+				return undefined;
+			}
+			return this.meters.find((m) => m.id === id);
 		},
 		vehicleModal() {
 			return Modal.getOrCreateInstance(document.getElementById("vehicleModal"));
 		},
+		meterModal() {
+			return Modal.getOrCreateInstance(document.getElementById("meterModal"));
+		},
+		editMeter(id, type) {
+			this.selectedMeterId = id;
+			this.selectedMeterType = type;
+			this.$nextTick(() => this.meterModal().show());
+		},
+		addMeter(type) {
+			this.selectedMeterId = undefined;
+			this.selectedMeterType = type;
+			this.$nextTick(() => this.meterModal().show());
+		},
+		async meterChanged() {
+			this.selectedMeterId = undefined;
+			this.selectedMeterType = undefined;
+			await this.loadMeters();
+			this.meterModal().hide();
+			await this.loadDirty();
+			await this.updateValues();
+		},
 		editVehicle(id) {
-			this.vehicleId = id;
-			this.vehicleModal().show();
+			this.selectedVehicleId = id;
+			this.$nextTick(() => this.vehicleModal().show());
 		},
 		addVehicle() {
-			this.vehicleId = undefined;
-			this.vehicleModal().show();
+			this.selectedVehicleId = undefined;
+			this.$nextTick(() => this.vehicleModal().show());
 		},
 		vehicleChanged() {
-			this.vehicleId = undefined;
+			this.selectedVehicleId = undefined;
 			this.vehicleModal().hide();
 			this.loadVehicles();
+			this.loadDirty();
+		},
+		siteChanged() {
+			this.loadDirty();
+		},
+		addMeterToSite(type, name) {
+			if (type === "grid") {
+				this.site.grid = name;
+			} else {
+				if (!this.site[type]) {
+					this.site[type] = [];
+				}
+				this.site[type].push(name);
+			}
+			this.saveSite(type);
+		},
+		removeMeterFromSite(type, name) {
+			if (type === "grid") {
+				this.site.grid = "";
+			} else {
+				this.site[type] = this.site[type].filter((i) => i !== name);
+			}
+			this.saveSite(type);
+		},
+		async saveSite(key) {
+			const body = key ? { [key]: this.site[key] } : this.site;
+			await api.put("/config/site", body);
+			await this.loadSite();
+			await this.loadDirty();
+			await this.updateValues();
 		},
 		todo() {
 			alert("not implemented yet");
 		},
+		async restart() {
+			try {
+				await api.post("shutdown");
+				this.restarting = true;
+			} catch (e) {
+				alert("Unabled to restart server.");
+			}
+		},
+		async updateDeviceValue(type, name) {
+			try {
+				const response = await api.get(`/config/devices/${type}/${name}/status`);
+				if (!this.deviceValues[type]) this.deviceValues[type] = {};
+				this.deviceValues[type][name] = response.data.result;
+			} catch (error) {
+				console.error("Error fetching device values for", type, name, error);
+				return null;
+			}
+		},
+		async updateValues() {
+			clearTimeout(this.deviceValueTimeout);
+
+			const promises = [
+				...this.meters.map((meter) => this.updateDeviceValue("meter", meter.name)),
+				...this.vehicles.map((vehicle) => this.updateDeviceValue("vehicle", vehicle.name)),
+			];
+
+			await Promise.all(promises);
+
+			this.deviceValueTimeout = setTimeout(this.updateValues, 10000);
+		},
+		deviceTags(type, id) {
+			return this.deviceValues[type]?.[id] || [];
+		},
 	},
 };
 </script>
 <style scoped>
-.back {
-	width: 22px;
-	height: 22px;
-	position: relative;
-	top: -2px;
-}
-.container {
-	max-width: 700px;
-}
 .config-list {
 	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 	grid-gap: 1rem;
+	margin-bottom: 5rem;
 }
-.config-entry {
-	border-radius: 1rem;
-	color: var(--evcc-default-text);
-	background: var(--evcc-box);
-	padding: 1rem 1rem 0.5rem;
-	display: block;
-	list-style-type: none;
+.wrapper {
+	max-width: 900px;
+	margin: 0 auto;
 }
 </style>
diff --git a/assets/js/views/Main.vue b/assets/js/views/Main.vue
index 6565ea8b4..ae4f9900a 100644
--- a/assets/js/views/Main.vue
+++ b/assets/js/views/Main.vue
@@ -1,7 +1,6 @@
 <template>
 	<div>
 		<OfflineIndicator v-if="offline" />
-
 		<StartupError v-if="startupErrors" v-bind="state" :offline="offline" />
 		<Site v-else :notifications="notifications" v-bind="state"></Site>
 	</div>
diff --git a/core/keys/site.go b/core/keys/site.go
index 389af6fa7..63bc54837 100644
--- a/core/keys/site.go
+++ b/core/keys/site.go
@@ -31,6 +31,11 @@ const (
 	TariffPriceLoadpoints = "tariffPriceLoadpoints"
 	Vehicles              = "vehicles"
 
+	// meters
+	BatteryMeters = "batteryMeters"
+	GridMeter     = "GridMeter"
+	PvMeters      = "pvMeters"
+
 	// battery settings
 	BatteryCapacity         = "batteryCapacity"
 	BatteryDischargeControl = "batteryDischargeControl"
diff --git a/core/site.go b/core/site.go
index 70b221713..3f7ed1039 100644
--- a/core/site.go
+++ b/core/site.go
@@ -5,6 +5,7 @@ import (
 	"errors"
 	"fmt"
 	"math"
+	"strings"
 	"sync"
 	"time"
 
@@ -160,6 +161,9 @@ func NewSiteFromConfig(
 		}
 	}
 
+	// add meters from config
+	site.restoreMeters()
+
 	// grid meter
 	if site.Meters.GridMeterRef != "" {
 		dev, err := config.Meters().ByName(site.Meters.GridMeterRef)
@@ -228,8 +232,24 @@ func NewSite() *Site {
 	return lp
 }
 
+// restoreMeters restores site meter configuration
+func (site *Site) restoreMeters() {
+	if v, err := settings.String(keys.GridMeter); err == nil && v != "" {
+		site.Meters.GridMeterRef = v
+	}
+	if v, err := settings.String(keys.PvMeters); err == nil {
+		site.Meters.PVMetersRef = append(site.Meters.PVMetersRef, strings.Split(v, ",")...)
+	}
+	if v, err := settings.String(keys.BatteryMeters); err == nil {
+		site.Meters.BatteryMetersRef = append(site.Meters.BatteryMetersRef, strings.Split(v, ",")...)
+	}
+}
+
 // restoreSettings restores site settings
 func (site *Site) restoreSettings() error {
+	if v, err := settings.String(keys.Title); err == nil {
+		site.Title = v
+	}
 	if v, err := settings.Float(keys.BufferSoc); err == nil {
 		if err := site.SetBufferSoc(v); err != nil {
 			return err
diff --git a/core/site/api.go b/core/site/api.go
index e52628ec8..909861522 100644
--- a/core/site/api.go
+++ b/core/site/api.go
@@ -11,6 +11,18 @@ type API interface {
 	Loadpoints() []loadpoint.API
 	Vehicles() Vehicles
 
+	// Meta
+	GetTitle() string
+	SetTitle(string)
+
+	// Config
+	GetGridMeterRef() string
+	SetGridMeterRef(string)
+	GetPVMeterRefs() []string
+	SetPVMeterRefs([]string)
+	GetBatteryMeterRefs() []string
+	SetBatteryMeterRefs([]string)
+
 	//
 	// battery
 	//
diff --git a/core/site_api.go b/core/site_api.go
index 915a8edbd..74f0c5cbb 100644
--- a/core/site_api.go
+++ b/core/site_api.go
@@ -2,6 +2,7 @@ package core
 
 import (
 	"errors"
+	"strings"
 
 	"github.com/evcc-io/evcc/api"
 	"github.com/evcc-io/evcc/core/keys"
@@ -20,6 +21,74 @@ const (
 	PlannerTariff = "planner"
 )
 
+// GetTitle returns the title
+func (site *Site) GetTitle() string {
+	site.RLock()
+	defer site.RUnlock()
+	return site.Title
+}
+
+// SetTitle sets the title
+func (site *Site) SetTitle(title string) {
+	site.Lock()
+	defer site.Unlock()
+
+	site.Title = title
+	site.publish("siteTitle", title)
+	settings.SetString(keys.Title, title)
+}
+
+// GetGridMeterRef returns the GridMeterRef
+func (site *Site) GetGridMeterRef() string {
+	site.RLock()
+	defer site.RUnlock()
+	return site.Meters.GridMeterRef
+}
+
+// SetGridMeterRef sets the GridMeterRef
+func (site *Site) SetGridMeterRef(ref string) {
+	site.Lock()
+	defer site.Unlock()
+
+	site.Meters.GridMeterRef = ref
+	// site.publish("siteGridMeterRef", meter)
+	settings.SetString(keys.GridMeter, ref)
+}
+
+// GetPVMeterRefs returns the PvMeterRef
+func (site *Site) GetPVMeterRefs() []string {
+	site.RLock()
+	defer site.RUnlock()
+	return site.Meters.PVMetersRef
+}
+
+// SetPVMeterRefs sets the PvMeterRef
+func (site *Site) SetPVMeterRefs(ref []string) {
+	site.Lock()
+	defer site.Unlock()
+
+	site.Meters.PVMetersRef = ref
+	// site.publish("siteGridMeterRef", meter)
+	settings.SetString(keys.PvMeters, strings.Join(ref, ","))
+}
+
+// GetBatteryMeterRefs returns the BatteryMeterRef
+func (site *Site) GetBatteryMeterRefs() []string {
+	site.RLock()
+	defer site.RUnlock()
+	return site.Meters.BatteryMetersRef
+}
+
+// SetBatteryMeterRefs sets the BatteryMeterRef
+func (site *Site) SetBatteryMeterRefs(ref []string) {
+	site.Lock()
+	defer site.Unlock()
+
+	site.Meters.BatteryMetersRef = ref
+	// site.publish("siteGridMeterRef", meter)
+	settings.SetString(keys.BatteryMeters, strings.Join(ref, ","))
+}
+
 // Loadpoints returns the list loadpoints
 func (site *Site) Loadpoints() []loadpoint.API {
 	res := make([]loadpoint.API, len(site.loadpoints))
diff --git a/env.d.ts b/env.d.ts
new file mode 100644
index 000000000..11f02fe2a
--- /dev/null
+++ b/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/i18n/en.toml b/i18n/en.toml
index b1a25fcb7..87eac223d 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -23,15 +23,59 @@ never = "only with enough surplus"
 
 [config]
 
+[config.battery]
+titleAdd = "Add Battery Meter"
+titleEdit = "Edit Battery Meter"
+
+[config.deviceValue]
+capacity = "Capacity"
+chargeStatus = "Status"
+chargedEnergy = "Charged"
+current = "Current"
+enabled = "Enabled"
+energy = "Energy"
+odometer = "Odometer"
+phaseCurrents = "Current L1..L3"
+phasePowers = "Power L1..L3"
+phaseVoltages = "Voltage L1..L3"
+power = "Power"
+range = "Range"
+soc = "SoC"
+socLimit = "Limit"
+
 [config.form]
 example = "Example"
 optional = "optional"
 
+[config.grid]
+titleAdd = "Add Grid Meter"
+titleEdit = "Edit Grid Meter"
+
 [config.main]
+addLoadpoint = "Add charge point"
+addPvBattery = "Add solar or battery"
 addVehicle = "Add vehicle"
 edit = "edit"
 title = "Configuration"
+unconfigured = "not configured"
 vehicles = "My Vehicles"
+yaml = "Configured in evcc.yaml. Not editable in the UI."
+
+[config.meter]
+cancel = "Cancel"
+delete = "Delete"
+save = "Save"
+template = "Manufacturer"
+titleChoice = "What Do You Want To Add?"
+validateSave = "Validate & save"
+
+[config.pv]
+titleAdd = "Add Solar Meter"
+titleEdit = "Edit Solar Meter"
+
+[config.site]
+cancel = "Cancel"
+save = "Save"
 
 [config.validation]
 failed = "failed"
@@ -43,7 +87,7 @@ validate = "validate"
 
 [config.vehicle]
 cancel = "Cancel"
-delete = "Delete vehicle"
+delete = "Delete"
 generic = "Other integrations"
 offline = "Generic vehicle"
 online = "Vehicles with online API"
diff --git a/package-lock.json b/package-lock.json
index 0c2b1bfc8..61114c244 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,10 @@
         "@vitejs/plugin-legacy": "^4.0.2",
         "@vitejs/plugin-vue": "^4.1.0",
         "@vue/compiler-sfc": "^3.2.30",
+        "@vue/eslint-config-prettier": "^8.0.0",
+        "@vue/eslint-config-typescript": "^12.0.0",
         "@vue/test-utils": "^2.2.7",
+        "@vue/tsconfig": "^0.4.0",
         "axios": "^1.2.1",
         "body-parser": "^1.20.2",
         "bootstrap": "^5.2.2",
@@ -36,6 +39,7 @@
         "prettier-plugin-toml": "^2.0.1",
         "rollup-plugin-visualizer": "^5.8.3",
         "smoothscroll-polyfill": "^0.4.4",
+        "typescript": "^5.2.2",
         "vite": "^4.5.1",
         "vite-plugin-toml": "^0.6.0",
         "vitest": "^1.1.0",
@@ -44,6 +48,7 @@
         "vue-hot-reload-api": "^2.3.4",
         "vue-i18n": "^9.2.2",
         "vue-router": "^4.0.12",
+        "vue-tsc": "^1.8.19",
         "wait-on": "^7.0.1"
       },
       "engines": {
@@ -100,19 +105,19 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
-      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz",
+      "integrity": "sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
         "@babel/generator": "^7.23.6",
         "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.6",
+        "@babel/helpers": "^7.23.7",
         "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.6",
+        "@babel/traverse": "^7.23.7",
         "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
@@ -180,9 +185,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz",
-      "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.7.tgz",
+      "integrity": "sha512-xCoqR/8+BoNnXOY7RVSgv6X+o7pmT5q1d+gGcRlXYkI+9B31glE4jeejhKVpA04O1AtzOt7OSQ6VYKP5FcRl9g==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -218,9 +223,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
-      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.5.0.tgz",
+      "integrity": "sha512-NovQquuQLAQ5HuyjCz7WQP9MjRj7dx++yspwiyUiGl9ZyadHRSql1HZh5ogRd8W8w6YM6EQ/NTB8rgjLt5W65Q==",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -425,12 +430,12 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
-      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.8.tgz",
+      "integrity": "sha512-KDqYz4PiOWvDFrdHLPhKtCThtIcKVy6avWD2oG4GEvyQ+XDZwHD4YQd+H2vNMnq2rkdxsDkU82T+Vk8U/WXHRQ==",
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.6",
+        "@babel/traverse": "^7.23.7",
         "@babel/types": "^7.23.6"
       },
       "engines": {
@@ -492,9 +497,9 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.3.tgz",
-      "integrity": "sha512-XaJak1qcityzrX0/IU5nKHb34VaibwP3saKqG6a/tppelgllOH13LUann4ZCIBcVOeE6H18K4Vx9QKkVww3z/w==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.7.tgz",
+      "integrity": "sha512-LlRT7HgaifEpQA1ZgLVOIJZZFVPWN5iReq/7/JixwBtwcoeVGDBD53ZV28rrsLYOZs1Y/EHhA8N/Z6aazHR8cw==",
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -749,9 +754,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.4.tgz",
-      "integrity": "sha512-efdkfPhHYTtn0G6n2ddrESE91fgXxjlqLsnUtPWnJs4a4mZIbUaK7ffqKIIUKXSHwcDvaCVX6GXkaJJFqtX7jw==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.7.tgz",
+      "integrity": "sha512-PdxEpL71bJp1byMG0va5gwQcXHxuEYC/BgI/e88mGTtohbZN28O5Yit0Plkkm/dBzCF/BxmbNcses1RH1T+urA==",
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -841,15 +846,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.5.tgz",
-      "integrity": "sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==",
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.8.tgz",
+      "integrity": "sha512-yAYslGsY1bX6Knmg46RjiCiNSwJKv2IUC8qOdYKqMMr0491SXFhcHqOdRDeCRohOOIzwN/90C6mQ9qAKgrP7dg==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-replace-supers": "^7.22.20",
         "@babel/helper-split-export-declaration": "^7.22.6",
@@ -1460,9 +1464,9 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz",
-      "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==",
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.8.tgz",
+      "integrity": "sha512-lFlpmkApLkEP6woIKprO6DO60RImpatTQKtz4sUcDjVcK8M8mQ4sZsuxaTMNOZf0sqAq/ReYW1ZBHnOQwKpLWA==",
       "dependencies": {
         "@babel/compat-data": "^7.23.5",
         "@babel/helper-compilation-targets": "^7.23.6",
@@ -1470,7 +1474,7 @@
         "@babel/helper-validator-option": "^7.23.5",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
         "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.3",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.7",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-class-properties": "^7.12.13",
@@ -1491,13 +1495,13 @@
         "@babel/plugin-syntax-top-level-await": "^7.14.5",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
         "@babel/plugin-transform-arrow-functions": "^7.23.3",
-        "@babel/plugin-transform-async-generator-functions": "^7.23.4",
+        "@babel/plugin-transform-async-generator-functions": "^7.23.7",
         "@babel/plugin-transform-async-to-generator": "^7.23.3",
         "@babel/plugin-transform-block-scoped-functions": "^7.23.3",
         "@babel/plugin-transform-block-scoping": "^7.23.4",
         "@babel/plugin-transform-class-properties": "^7.23.3",
         "@babel/plugin-transform-class-static-block": "^7.23.4",
-        "@babel/plugin-transform-classes": "^7.23.5",
+        "@babel/plugin-transform-classes": "^7.23.8",
         "@babel/plugin-transform-computed-properties": "^7.23.3",
         "@babel/plugin-transform-destructuring": "^7.23.3",
         "@babel/plugin-transform-dotall-regex": "^7.23.3",
@@ -1539,9 +1543,9 @@
         "@babel/plugin-transform-unicode-regex": "^7.23.3",
         "@babel/plugin-transform-unicode-sets-regex": "^7.23.3",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "babel-plugin-polyfill-corejs2": "^0.4.6",
-        "babel-plugin-polyfill-corejs3": "^0.8.5",
-        "babel-plugin-polyfill-regenerator": "^0.5.3",
+        "babel-plugin-polyfill-corejs2": "^0.4.7",
+        "babel-plugin-polyfill-corejs3": "^0.8.7",
+        "babel-plugin-polyfill-regenerator": "^0.5.4",
         "core-js-compat": "^3.31.0",
         "semver": "^6.3.1"
       },
@@ -1571,9 +1575,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
-      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
+      "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -1600,9 +1604,9 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
-      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
+      "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
       "dependencies": {
         "@babel/code-frame": "^7.23.5",
         "@babel/generator": "^7.23.6",
@@ -1633,12 +1637,12 @@
       }
     },
     "node_modules/@codemirror/commands": {
-      "version": "6.3.2",
-      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.3.2.tgz",
-      "integrity": "sha512-tjoi4MCWDNxgIpoLZ7+tezdS9OEB6pkiDKhfKx9ReJ/XBcs2G2RXIu+/FxXBlWsPTsz6C9q/r4gjzrsxpcnqCQ==",
+      "version": "6.3.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.3.3.tgz",
+      "integrity": "sha512-dO4hcF0fGT9tu1Pj1D2PvGvxjeGkbC6RGcZw6Qs74TH+Ed1gw98jmUgd2axWvIZEqTeTuFrg1lEB1KV6cK9h1A==",
       "dependencies": {
         "@codemirror/language": "^6.0.0",
-        "@codemirror/state": "^6.2.0",
+        "@codemirror/state": "^6.4.0",
         "@codemirror/view": "^6.0.0",
         "@lezer/common": "^1.1.0"
       }
@@ -1653,12 +1657,12 @@
       }
     },
     "node_modules/@codemirror/language": {
-      "version": "6.9.3",
-      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.9.3.tgz",
-      "integrity": "sha512-qq48pYzoi6ldYWV/52+Z9Ou6QouVI+8YwvxFbUypI33NbjG2UeRHKENRyhwljTTiOqjQ33FjyZj6EREQ9apAOQ==",
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.10.0.tgz",
+      "integrity": "sha512-2vaNn9aPGCRFKWcHPFksctzJ8yS5p7YoaT+jHpc0UGKzNuAIx4qy6R5wiqbP+heEEdyaABA582mNqSHzSoYdmg==",
       "dependencies": {
         "@codemirror/state": "^6.0.0",
-        "@codemirror/view": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
         "@lezer/common": "^1.1.0",
         "@lezer/highlight": "^1.0.0",
         "@lezer/lr": "^1.0.0",
@@ -1676,9 +1680,9 @@
       }
     },
     "node_modules/@codemirror/state": {
-      "version": "6.3.3",
-      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.3.3.tgz",
-      "integrity": "sha512-0wufKcTw2dEwEaADajjHf6hBy1sh3M6V0e+q4JKIhLuiMSe5td5HOWpUdvKth1fT1M9VYOboajoBHpkCd7PG7A=="
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.4.0.tgz",
+      "integrity": "sha512-hm8XshYj5Fo30Bb922QX9hXB/bxOAVH+qaqHBzw5TKa72vOeslyGwd4X8M0c1dJ9JqxlaMceOQ8RsL9tC7gU0A=="
     },
     "node_modules/@codemirror/theme-one-dark": {
       "version": "6.1.2",
@@ -1692,19 +1696,19 @@
       }
     },
     "node_modules/@codemirror/view": {
-      "version": "6.22.3",
-      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.22.3.tgz",
-      "integrity": "sha512-rqnq+Zospwoi3x1vZ8BGV1MlRsaGljX+6qiGYmIpJ++M+LCC+wjfDaPklhwpWSgv7pr/qx29KiAKQBH5+DOn4w==",
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.23.0.tgz",
+      "integrity": "sha512-/51px9N4uW8NpuWkyUX+iam5+PM6io2fm+QmRnzwqBy5v/pwGg9T0kILFtYeum8hjuvENtgsGNKluOfqIICmeQ==",
       "dependencies": {
-        "@codemirror/state": "^6.1.4",
+        "@codemirror/state": "^6.4.0",
         "style-mod": "^4.1.0",
         "w3c-keyname": "^2.2.4"
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.10.tgz",
-      "integrity": "sha512-Q+mk96KJ+FZ30h9fsJl+67IjNJm3x2eX+GBWGmocAKgzp27cowCOOqSdscX80s0SpdFXZnIv/+1xD1EctFx96Q==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.11.tgz",
+      "integrity": "sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==",
       "cpu": [
         "ppc64"
       ],
@@ -2090,6 +2094,15 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
@@ -2104,6 +2117,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/@eslint/js": {
       "version": "8.56.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
@@ -2131,22 +2155,22 @@
       }
     },
     "node_modules/@histoire/app": {
-      "version": "0.17.6",
-      "resolved": "https://registry.npmjs.org/@histoire/app/-/app-0.17.6.tgz",
-      "integrity": "sha512-SiuH/mMa2dqZmXuxqNzFB9oyQnP7OiC+kwXIvjxTcKAKT/u/Z63jUwgkhKzhKRmsdW5fgYKUa2kfLSF0FqOntg==",
+      "version": "0.17.8",
+      "resolved": "https://registry.npmjs.org/@histoire/app/-/app-0.17.8.tgz",
+      "integrity": "sha512-aQA+qzYP4kVvZwwjPWZDO+5+2FsON9uBcY5IvAlgpIkfxNfnBtWSFNr2DmS22Hy5DQx74Ugt6aCil+g+xOTbTA==",
       "dependencies": {
-        "@histoire/controls": "^0.17.6",
-        "@histoire/shared": "^0.17.6",
-        "@histoire/vendors": "^0.17.6",
+        "@histoire/controls": "^0.17.8",
+        "@histoire/shared": "^0.17.8",
+        "@histoire/vendors": "^0.17.8",
         "@types/flexsearch": "^0.7.6",
         "flexsearch": "0.7.21",
         "shiki-es": "^0.2.0"
       }
     },
     "node_modules/@histoire/controls": {
-      "version": "0.17.6",
-      "resolved": "https://registry.npmjs.org/@histoire/controls/-/controls-0.17.6.tgz",
-      "integrity": "sha512-weJ4fSt2eux2448WwibSki27vaMzxqjJtmvL8Q2fuHUTRaOSuLzsRjxMab3RHjCVgVt5lixpYbUuAbKchVM03A==",
+      "version": "0.17.8",
+      "resolved": "https://registry.npmjs.org/@histoire/controls/-/controls-0.17.8.tgz",
+      "integrity": "sha512-XYQ59oj+kjtx6aCy64ofOY1IDWWVxywaC9cPHBMcpDFg8vzdFGvKMKDPGw5Gb2eFX0+yY7b4NIKwbNsvzwtZAQ==",
       "dependencies": {
         "@codemirror/commands": "^6.3.0",
         "@codemirror/lang-json": "^6.0.1",
@@ -2155,34 +2179,34 @@
         "@codemirror/state": "^6.3.1",
         "@codemirror/theme-one-dark": "^6.1.2",
         "@codemirror/view": "^6.22.0",
-        "@histoire/shared": "^0.17.6",
-        "@histoire/vendors": "^0.17.6"
+        "@histoire/shared": "^0.17.8",
+        "@histoire/vendors": "^0.17.8"
       }
     },
     "node_modules/@histoire/plugin-vue": {
-      "version": "0.17.6",
-      "resolved": "https://registry.npmjs.org/@histoire/plugin-vue/-/plugin-vue-0.17.6.tgz",
-      "integrity": "sha512-DVGoYXPDcoJ55crD4cAXA0OGAS8fWHvKjvOApY1NLLN4DgRjxqHBVE6xCX/9Ai1VTM3izG6FJgXiXAbRVgv5KQ==",
+      "version": "0.17.8",
+      "resolved": "https://registry.npmjs.org/@histoire/plugin-vue/-/plugin-vue-0.17.8.tgz",
+      "integrity": "sha512-h9lFruxt/zV8pcta+u63HJpEi3syRKbaPJt5fSghuRbjHoxIvHQ9gdRJzNl/ToXGndletQF++oKlFleYZhDBug==",
       "dependencies": {
-        "@histoire/controls": "^0.17.6",
-        "@histoire/shared": "^0.17.6",
-        "@histoire/vendors": "^0.17.6",
+        "@histoire/controls": "^0.17.8",
+        "@histoire/shared": "^0.17.8",
+        "@histoire/vendors": "^0.17.8",
         "change-case": "^4.1.2",
         "globby": "^13.2.2",
         "launch-editor": "^2.6.1",
         "pathe": "^1.1.1"
       },
       "peerDependencies": {
-        "histoire": "^0.17.6",
+        "histoire": "^0.17.8",
         "vue": "^3.2.47"
       }
     },
     "node_modules/@histoire/shared": {
-      "version": "0.17.6",
-      "resolved": "https://registry.npmjs.org/@histoire/shared/-/shared-0.17.6.tgz",
-      "integrity": "sha512-ZcAawiwZ/LIU2eB2fy+AT/OjCTVa5TkVg08TL/KoACgMiQWt5BFJDhuvlupT8RcB4dDfVYE9AputZ2vFeciMvA==",
+      "version": "0.17.8",
+      "resolved": "https://registry.npmjs.org/@histoire/shared/-/shared-0.17.8.tgz",
+      "integrity": "sha512-S2lQlob5tilxHqNhCyKIzk7fNj7/owyp4ISC50sX+xFymdu34ZEY3HtvGuC5TG2hV9lVEXEc+jmilSney79csg==",
       "dependencies": {
-        "@histoire/vendors": "^0.17.6",
+        "@histoire/vendors": "^0.17.8",
         "@types/fs-extra": "^9.0.13",
         "@types/markdown-it": "^12.2.3",
         "chokidar": "^3.5.3",
@@ -2194,23 +2218,43 @@
       }
     },
     "node_modules/@histoire/vendors": {
-      "version": "0.17.6",
-      "resolved": "https://registry.npmjs.org/@histoire/vendors/-/vendors-0.17.6.tgz",
-      "integrity": "sha512-9eZa3XqBRmgX02GbqTWX3SesRbrJE/9yCn5dwZH9rFErZMkQimIBmo56kr7hCwl/5n5KAc+HNfNLPn28TS3uvA=="
+      "version": "0.17.8",
+      "resolved": "https://registry.npmjs.org/@histoire/vendors/-/vendors-0.17.8.tgz",
+      "integrity": "sha512-kyNy1yvA8tuEXVuUUdO5k8yQgp1XkcktcLAM4XB3B0mk9qUge7n85bUfGJYPk3ovLeX4RBJHsxh4RzzQ4LBCvg=="
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.13",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
-      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
       "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.1",
-        "debug": "^4.1.1",
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
         "minimatch": "^3.0.5"
       },
       "engines": {
         "node": ">=10.10.0"
       }
     },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/@humanwhocodes/module-importer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -2224,17 +2268,17 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
-      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw=="
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
+      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw=="
     },
     "node_modules/@intlify/core-base": {
-      "version": "9.8.0",
-      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.8.0.tgz",
-      "integrity": "sha512-UxaSZVZ1DwqC/CltUZrWZNaWNhfmKtfyV4BJSt/Zt4Or/fZs1iFj0B+OekYk1+MRHfIOe3+x00uXGQI4PbO/9g==",
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.9.0.tgz",
+      "integrity": "sha512-C7UXPymDIOlMGSNjAhNLtKgzITc/8BjINK5gNKXg8GiWCTwL6n3MWr55czksxn8RM5wTMz0qcLOFT+adtaVQaA==",
       "dependencies": {
-        "@intlify/message-compiler": "9.8.0",
-        "@intlify/shared": "9.8.0"
+        "@intlify/message-compiler": "9.9.0",
+        "@intlify/shared": "9.9.0"
       },
       "engines": {
         "node": ">= 16"
@@ -2244,11 +2288,11 @@
       }
     },
     "node_modules/@intlify/message-compiler": {
-      "version": "9.8.0",
-      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.8.0.tgz",
-      "integrity": "sha512-McnYWhcoYmDJvssVu6QGR0shqlkJuL1HHdi5lK7fNqvQqRYaQ4lSLjYmZxwc8tRNMdIe9/KUKfyPxU9M6yCtNQ==",
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.9.0.tgz",
+      "integrity": "sha512-yDU/jdUm9KuhEzYfS+wuyja209yXgdl1XFhMlKtXEgSFTxz4COZQCRXXbbH8JrAjMsaJ7bdoPSLsKlY6mXG2iA==",
       "dependencies": {
-        "@intlify/shared": "9.8.0",
+        "@intlify/shared": "9.9.0",
         "source-map-js": "^1.0.2"
       },
       "engines": {
@@ -2259,9 +2303,9 @@
       }
     },
     "node_modules/@intlify/shared": {
-      "version": "9.8.0",
-      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.8.0.tgz",
-      "integrity": "sha512-TmgR0RCLjzrSo+W3wT0ALf9851iFMlVI9EYNGeWvZFUQTAJx0bvfsMlPdgVtV1tDNRiAfhkFsMKu6jtUY1ZLKQ==",
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.9.0.tgz",
+      "integrity": "sha512-1ECUyAHRrzOJbOizyGufYP2yukqGrWXtkmTu4PcswVnWbkcjzk3YQGmJ0bLkM7JZ0ZYAaohLGdYvBYnTOGYJ9g==",
       "engines": {
         "node": ">= 16"
       },
@@ -2366,18 +2410,18 @@
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.20",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
-      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.22.tgz",
+      "integrity": "sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
     "node_modules/@lezer/common": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.1.2.tgz",
-      "integrity": "sha512-V+GqBsga5+cQJMfM0GdnHmg4DgWvLzgMWjbldBg0+jC3k9Gu6nJNZDLJxXEBT1Xj8KhRN4jmbC5CY7SIL++sVw=="
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.1.tgz",
+      "integrity": "sha512-yemX0ZD2xS/73llMZIK6KplkjIjf2EvAHcinDi/TfJ9hS25G0388+ClHt6/3but0oOxinTcQHJLDXh6w1crzFQ=="
     },
     "node_modules/@lezer/highlight": {
       "version": "1.2.0",
@@ -2388,10 +2432,11 @@
       }
     },
     "node_modules/@lezer/json": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.1.tgz",
-      "integrity": "sha512-nkVC27qiEZEjySbi6gQRuMwa2sDu2PtfjSgz0A4QF81QyRGm3kb2YRzLcOPcTEtmcwvrX/cej7mlhbwViA4WJw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.2.tgz",
+      "integrity": "sha512-xHT2P4S5eeCYECyKNPhr4cbEL9tc8w83SPwRC373o9uEdrvGKTZoJVAGxpOsZckMlEh9W23Pc72ew918RWQOBQ==",
       "dependencies": {
+        "@lezer/common": "^1.2.0",
         "@lezer/highlight": "^1.0.0",
         "@lezer/lr": "^1.0.0"
       }
@@ -2450,18 +2495,10 @@
         "node": ">=14"
       }
     },
-    "node_modules/@pkgr/utils": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.4.2.tgz",
-      "integrity": "sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "fast-glob": "^3.3.0",
-        "is-glob": "^4.0.3",
-        "open": "^9.1.0",
-        "picocolors": "^1.0.0",
-        "tslib": "^2.6.0"
-      },
+    "node_modules/@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
       "engines": {
         "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
       },
@@ -2469,40 +2506,12 @@
         "url": "https://opencollective.com/unts"
       }
     },
-    "node_modules/@pkgr/utils/node_modules/define-lazy-prop": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
-      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@pkgr/utils/node_modules/open": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/open/-/open-9.1.0.tgz",
-      "integrity": "sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==",
-      "dependencies": {
-        "default-browser": "^4.0.0",
-        "define-lazy-prop": "^3.0.0",
-        "is-inside-container": "^1.0.0",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@playwright/test": {
-      "version": "1.40.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.40.1.tgz",
-      "integrity": "sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==",
+      "version": "1.41.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.41.1.tgz",
+      "integrity": "sha512-9g8EWTjiQ9yFBXc6HjCWe41msLpxEX0KhmfmPl9RPLJdfzL4F0lg2BdJ91O9azFdl11y1pmpwdjBiSxvqc+btw==",
       "dependencies": {
-        "playwright": "1.40.1"
+        "playwright": "1.41.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -2547,9 +2556,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.1.tgz",
-      "integrity": "sha512-6vMdBZqtq1dVQ4CWdhFwhKZL6E4L1dV6jUjuBvsavvNJSppzi6dLBbuV+3+IyUREaj9ZFvQefnQm28v4OCXlig==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.5.tgz",
+      "integrity": "sha512-idWaG8xeSRCfRq9KpRysDHJ/rEHBEXcHuJ82XY0yYFIWnLMjZv9vF/7DOq8djQ2n3Lk6+3qfSH8AqlmHlmi1MA==",
       "cpu": [
         "arm"
       ],
@@ -2559,9 +2568,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.1.tgz",
-      "integrity": "sha512-Jto9Fl3YQ9OLsTDWtLFPtaIMSL2kwGyGoVCmPC8Gxvym9TCZm4Sie+cVeblPO66YZsYH8MhBKDMGZ2NDxuk/XQ==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.5.tgz",
+      "integrity": "sha512-f14d7uhAMtsCGjAYwZGv6TwuS3IFaM4ZnGMUn3aCBgkcHAYErhV1Ad97WzBvS2o0aaDv4mVz+syiN0ElMyfBPg==",
       "cpu": [
         "arm64"
       ],
@@ -2571,9 +2580,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.1.tgz",
-      "integrity": "sha512-LtYcLNM+bhsaKAIGwVkh5IOWhaZhjTfNOkGzGqdHvhiCUVuJDalvDxEdSnhFzAn+g23wgsycmZk1vbnaibZwwA==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.5.tgz",
+      "integrity": "sha512-ndoXeLx455FffL68OIUrVr89Xu1WLzAG4n65R8roDlCoYiQcGGg6MALvs2Ap9zs7AHg8mpHtMpwC8jBBjZrT/w==",
       "cpu": [
         "arm64"
       ],
@@ -2583,9 +2592,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.1.tgz",
-      "integrity": "sha512-KyP/byeXu9V+etKO6Lw3E4tW4QdcnzDG/ake031mg42lob5tN+5qfr+lkcT/SGZaH2PdW4Z1NX9GHEkZ8xV7og==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.5.tgz",
+      "integrity": "sha512-UmElV1OY2m/1KEEqTlIjieKfVwRg0Zwg4PLgNf0s3glAHXBN99KLpw5A5lrSYCa1Kp63czTpVll2MAqbZYIHoA==",
       "cpu": [
         "x64"
       ],
@@ -2595,9 +2604,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.1.tgz",
-      "integrity": "sha512-Yqz/Doumf3QTKplwGNrCHe/B2p9xqDghBZSlAY0/hU6ikuDVQuOUIpDP/YcmoT+447tsZTmirmjgG3znvSCR0Q==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.5.tgz",
+      "integrity": "sha512-Q0LcU61v92tQB6ae+udZvOyZ0wfpGojtAKrrpAaIqmJ7+psq4cMIhT/9lfV6UQIpeItnq/2QDROhNLo00lOD1g==",
       "cpu": [
         "arm"
       ],
@@ -2607,9 +2616,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.1.tgz",
-      "integrity": "sha512-u3XkZVvxcvlAOlQJ3UsD1rFvLWqu4Ef/Ggl40WAVCuogf4S1nJPHh5RTgqYFpCOvuGJ7H5yGHabjFKEZGExk5Q==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.5.tgz",
+      "integrity": "sha512-dkRscpM+RrR2Ee3eOQmRWFjmV/payHEOrjyq1VZegRUa5OrZJ2MAxBNs05bZuY0YCtpqETDy1Ix4i/hRqX98cA==",
       "cpu": [
         "arm64"
       ],
@@ -2619,9 +2628,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.1.tgz",
-      "integrity": "sha512-0XSYN/rfWShW+i+qjZ0phc6vZ7UWI8XWNz4E/l+6edFt+FxoEghrJHjX1EY/kcUGCnZzYYRCl31SNdfOi450Aw==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.5.tgz",
+      "integrity": "sha512-QaKFVOzzST2xzY4MAmiDmURagWLFh+zZtttuEnuNn19AiZ0T3fhPyjPPGwLNdiDT82ZE91hnfJsUiDwF9DClIQ==",
       "cpu": [
         "arm64"
       ],
@@ -2631,9 +2640,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.1.tgz",
-      "integrity": "sha512-LmYIO65oZVfFt9t6cpYkbC4d5lKHLYv5B4CSHRpnANq0VZUQXGcCPXHzbCXCz4RQnx7jvlYB1ISVNCE/omz5cw==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.5.tgz",
+      "integrity": "sha512-HeGqmRJuyVg6/X6MpE2ur7GbymBPS8Np0S/vQFHDmocfORT+Zt76qu+69NUoxXzGqVP1pzaY6QIi0FJWLC3OPA==",
       "cpu": [
         "riscv64"
       ],
@@ -2643,9 +2652,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.1.tgz",
-      "integrity": "sha512-kr8rEPQ6ns/Lmr/hiw8sEVj9aa07gh1/tQF2Y5HrNCCEPiCBGnBUt9tVusrcBBiJfIt1yNaXN6r1CCmpbFEDpg==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.5.tgz",
+      "integrity": "sha512-Dq1bqBdLaZ1Gb/l2e5/+o3B18+8TI9ANlA1SkejZqDgdU/jK/ThYaMPMJpVMMXy2uRHvGKbkz9vheVGdq3cJfA==",
       "cpu": [
         "x64"
       ],
@@ -2655,9 +2664,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.1.tgz",
-      "integrity": "sha512-t4QSR7gN+OEZLG0MiCgPqMWZGwmeHhsM4AkegJ0Kiy6TnJ9vZ8dEIwHw1LcZKhbHxTY32hp9eVCMdR3/I8MGRw==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.5.tgz",
+      "integrity": "sha512-ezyFUOwldYpj7AbkwyW9AJ203peub81CaAIVvckdkyH8EvhEIoKzaMFJj0G4qYJ5sw3BpqhFrsCc30t54HV8vg==",
       "cpu": [
         "x64"
       ],
@@ -2667,9 +2676,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.1.tgz",
-      "integrity": "sha512-7XI4ZCBN34cb+BH557FJPmh0kmNz2c25SCQeT9OiFWEgf8+dL6ZwJ8f9RnUIit+j01u07Yvrsuu1rZGxJCc51g==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.5.tgz",
+      "integrity": "sha512-aHSsMnUw+0UETB0Hlv7B/ZHOGY5bQdwMKJSzGfDfvyhnpmVxLMGnQPGNE9wgqkLUs3+gbG1Qx02S2LLfJ5GaRQ==",
       "cpu": [
         "arm64"
       ],
@@ -2679,9 +2688,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.1.tgz",
-      "integrity": "sha512-yE5c2j1lSWOH5jp+Q0qNL3Mdhr8WuqCNVjc6BxbVfS5cAS6zRmdiw7ktb8GNpDCEUJphILY6KACoFoRtKoqNQg==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.5.tgz",
+      "integrity": "sha512-AiqiLkb9KSf7Lj/o1U3SEP9Zn+5NuVKgFdRIZkvd4N0+bYrTOovVd0+LmYCPQGbocT4kvFyK+LXCDiXPBF3fyA==",
       "cpu": [
         "ia32"
       ],
@@ -2691,9 +2700,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.1.tgz",
-      "integrity": "sha512-PyJsSsafjmIhVgaI1Zdj7m8BB8mMckFah/xbpplObyHfiXzKcI5UOUXRyOdHW7nz4DpMCuzLnF7v5IWHenCwYA==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.5.tgz",
+      "integrity": "sha512-1q+mykKE3Vot1kaFJIDoUFv5TuW+QQVaf2FmTT9krg86pQrGStOSJJ0Zil7CFagyxDuouTepzt5Y5TVzyajOdQ==",
       "cpu": [
         "x64"
       ],
@@ -2764,6 +2773,11 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="
+    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
@@ -2789,34 +2803,338 @@
       "integrity": "sha512-6L6VymKTzYSrEf4Nev4Xa1LCHKrlTlYCBMTlQKFuddo1CvQcE52I0mwfOJayueUC7MJuXOeHTcIU683lzd0cUA=="
     },
     "node_modules/@types/node": {
-      "version": "20.10.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
-      "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+      "version": "20.11.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.5.tgz",
+      "integrity": "sha512-g557vgQjUUfN76MZAN/dt1z3dzcUsimuysco0KeluHgrPdJXkP/XdAURgyO2W9fZWHRtRBiVKzKn8vyOAwlG+w==",
       "dependencies": {
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@types/semver": {
+      "version": "7.5.6",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz",
+      "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.19.0.tgz",
+      "integrity": "sha512-DUCUkQNklCQYnrBSSikjVChdc84/vMPDQSgJTHBZ64G9bA9w0Crc0rd2diujKbTdp6w2J47qkeHQLoi0rpLCdg==",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.19.0",
+        "@typescript-eslint/type-utils": "6.19.0",
+        "@typescript-eslint/utils": "6.19.0",
+        "@typescript-eslint/visitor-keys": "6.19.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.19.0.tgz",
+      "integrity": "sha512-1DyBLG5SH7PYCd00QlroiW60YJ4rWMuUGa/JBV0iZuqi4l4IK3twKPq5ZkEebmGqRjXWVgsUzfd3+nZveewgow==",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.19.0",
+        "@typescript-eslint/types": "6.19.0",
+        "@typescript-eslint/typescript-estree": "6.19.0",
+        "@typescript-eslint/visitor-keys": "6.19.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.19.0.tgz",
+      "integrity": "sha512-dO1XMhV2ehBI6QN8Ufi7I10wmUovmLU0Oru3n5LVlM2JuzB4M+dVphCPLkVpKvGij2j/pHBWuJ9piuXx+BhzxQ==",
+      "dependencies": {
+        "@typescript-eslint/types": "6.19.0",
+        "@typescript-eslint/visitor-keys": "6.19.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.19.0.tgz",
+      "integrity": "sha512-mcvS6WSWbjiSxKCwBcXtOM5pRkPQ6kcDds/juxcy/727IQr3xMEcwr/YLHW2A2+Fp5ql6khjbKBzOyjuPqGi/w==",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.19.0",
+        "@typescript-eslint/utils": "6.19.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.19.0.tgz",
+      "integrity": "sha512-lFviGV/vYhOy3m8BJ/nAKoAyNhInTdXpftonhWle66XHAtT1ouBlkjL496b5H5hb8dWXHwtypTqgtb/DEa+j5A==",
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.19.0.tgz",
+      "integrity": "sha512-o/zefXIbbLBZ8YJ51NlkSAt2BamrK6XOmuxSR3hynMIzzyMY33KuJ9vuMdFSXW+H0tVvdF9qBPTHA91HDb4BIQ==",
+      "dependencies": {
+        "@typescript-eslint/types": "6.19.0",
+        "@typescript-eslint/visitor-keys": "6.19.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.19.0.tgz",
+      "integrity": "sha512-QR41YXySiuN++/dC9UArYOg4X86OAYP83OWTewpVx5ct1IZhjjgTLocj7QNxGhWoTqknsgpl7L+hGygCO+sdYw==",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.19.0",
+        "@typescript-eslint/types": "6.19.0",
+        "@typescript-eslint/typescript-estree": "6.19.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.19.0.tgz",
+      "integrity": "sha512-hZaUCORLgubBvtGpp1JEFEazcuEdfxta9j4iUwdSAr7mEsYYAp3EAUyCZk3VEEqGj6W+AV4uWyrDGtrlawAsgQ==",
+      "dependencies": {
+        "@typescript-eslint/types": "6.19.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
     },
     "node_modules/@unhead/dom": {
-      "version": "1.8.9",
-      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.8.9.tgz",
-      "integrity": "sha512-qY4CUVNKEM7lEAcTz5t71QYca+NXgUY5RwhSzB6sBBzZxQTiFOeTVKC6uWXU0N+3jBUdP/zdD3iN1JIjziDlng==",
+      "version": "1.8.10",
+      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.8.10.tgz",
+      "integrity": "sha512-dBeDbHrBjeU+eVgMsD91TGEazb1dwLrY0x/ve01CldMCmm+WcRu++SUW7s1QX84mzGH2EgFz78o1OPn6jpV3zw==",
       "dependencies": {
-        "@unhead/schema": "1.8.9",
-        "@unhead/shared": "1.8.9"
+        "@unhead/schema": "1.8.10",
+        "@unhead/shared": "1.8.10"
       },
       "funding": {
         "url": "https://github.com/sponsors/harlan-zw"
       }
     },
     "node_modules/@unhead/schema": {
-      "version": "1.8.9",
-      "resolved": "https://registry.npmjs.org/@unhead/schema/-/schema-1.8.9.tgz",
-      "integrity": "sha512-Cumjt2uLfBMEXflvq7Nk8KNqa/JS4MlRGWkjXx/uUXJ1vUeQqeMV8o3hrnRvDDoTXr9LwPapTMUbtClN3TSBgw==",
+      "version": "1.8.10",
+      "resolved": "https://registry.npmjs.org/@unhead/schema/-/schema-1.8.10.tgz",
+      "integrity": "sha512-cy8RGOPkwOVY5EmRoCgGV8AqLjy/226xBVTY54kBct02Om3hBdpB9FZa9frM910pPUXMI8PNmFgABO23O7IdJA==",
       "dependencies": {
         "hookable": "^5.5.3",
         "zhead": "^2.2.4"
@@ -2826,25 +3144,25 @@
       }
     },
     "node_modules/@unhead/shared": {
-      "version": "1.8.9",
-      "resolved": "https://registry.npmjs.org/@unhead/shared/-/shared-1.8.9.tgz",
-      "integrity": "sha512-0o4+CBCi9EnTKPF6cEuLacnUHUkF0u/FfiKrWnKWUiB8wTD1v3UCf5ZCrNCjuJmKHTqj6ZtZ2hIfXsqWfc+3tA==",
+      "version": "1.8.10",
+      "resolved": "https://registry.npmjs.org/@unhead/shared/-/shared-1.8.10.tgz",
+      "integrity": "sha512-pEFryAs3EmV+ShDQx2ZBwUnt5l3RrMrXSMZ50oFf+MImKZNARVvD4+3I8fEI9wZh+Zq0JYG3UAfzo51MUP+Juw==",
       "dependencies": {
-        "@unhead/schema": "1.8.9"
+        "@unhead/schema": "1.8.10"
       },
       "funding": {
         "url": "https://github.com/sponsors/harlan-zw"
       }
     },
     "node_modules/@unhead/vue": {
-      "version": "1.8.9",
-      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.8.9.tgz",
-      "integrity": "sha512-sL1d2IRBZd5rjzhgTYni2DiociSpt+Cfz3iVWKb0EZwQHgg0GzV8Hkoj5TjZYZow6EjDSPRfVPXDwOwxkVOgug==",
+      "version": "1.8.10",
+      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.8.10.tgz",
+      "integrity": "sha512-KF8pftHnxnlBlgNpKXWLTg3ZUtkuDCxRPUFSDBy9CtqRSX/qvAhLZ26mbqRVmHj8KigiRHP/wnPWNyGnUx20Bg==",
       "dependencies": {
-        "@unhead/schema": "1.8.9",
-        "@unhead/shared": "1.8.9",
+        "@unhead/schema": "1.8.10",
+        "@unhead/shared": "1.8.10",
         "hookable": "^5.5.3",
-        "unhead": "1.8.9"
+        "unhead": "1.8.10"
       },
       "funding": {
         "url": "https://github.com/sponsors/harlan-zw"
@@ -2878,9 +3196,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.5.2.tgz",
-      "integrity": "sha512-UGR3DlzLi/SaVBPX0cnSyE37vqxU3O6chn8l0HJNzQzDia6/Au2A4xKv+iIJW8w2daf80G7TYHhi1pAUjdZ0bQ==",
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz",
+      "integrity": "sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==",
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
       },
@@ -2890,12 +3208,12 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.1.0.tgz",
-      "integrity": "sha512-9IE2WWkcJo2BR9eqtY5MIo3TPmS50Pnwpm66A6neb2hvk/QSLfPXBz2qdiwUOQkwyFuuXEUj5380CbwfzW4+/w==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.2.1.tgz",
+      "integrity": "sha512-/bqGXcHfyKgFWYwIgFr1QYDaR9e64pRKxgBNWNXPefPFRhgm+K3+a/dS0cUGEreWngets3dlr8w8SBRw2fCfFQ==",
       "dependencies": {
-        "@vitest/spy": "1.1.0",
-        "@vitest/utils": "1.1.0",
+        "@vitest/spy": "1.2.1",
+        "@vitest/utils": "1.2.1",
         "chai": "^4.3.10"
       },
       "funding": {
@@ -2903,11 +3221,11 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.1.0.tgz",
-      "integrity": "sha512-zdNLJ00pm5z/uhbWF6aeIJCGMSyTyWImy3Fcp9piRGvueERFlQFbUwCpzVce79OLm2UHk9iwaMSOaU9jVHgNVw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.2.1.tgz",
+      "integrity": "sha512-zc2dP5LQpzNzbpaBt7OeYAvmIsRS1KpZQw4G3WM/yqSV1cQKNKwLGmnm79GyZZjMhQGlRcSFMImLjZaUQvNVZQ==",
       "dependencies": {
-        "@vitest/utils": "1.1.0",
+        "@vitest/utils": "1.2.1",
         "p-limit": "^5.0.0",
         "pathe": "^1.1.1"
       },
@@ -2941,9 +3259,9 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.1.0.tgz",
-      "integrity": "sha512-5O/wyZg09V5qmNmAlUgCBqflvn2ylgsWJRRuPrnHEfDNT6tQpQ8O1isNGgo+VxofISHqz961SG3iVvt3SPK/QQ==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.2.1.tgz",
+      "integrity": "sha512-Tmp/IcYEemKaqAYCS08sh0vORLJkMr0NRV76Gl8sHGxXT5151cITJCET20063wk0Yr/1koQ6dnmP6eEqezmd/Q==",
       "dependencies": {
         "magic-string": "^0.30.5",
         "pathe": "^1.1.1",
@@ -2954,9 +3272,9 @@
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.1.0.tgz",
-      "integrity": "sha512-sNOVSU/GE+7+P76qYo+VXdXhXffzWZcYIPQfmkiRxaNCSPiLANvQx5Mx6ZURJ/ndtEkUJEpvKLXqAYTKEY+lTg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.2.1.tgz",
+      "integrity": "sha512-vG3a/b7INKH7L49Lbp0IWrG6sw9j4waWAucwnksPB1r1FTJgV7nkBByd9ufzu6VWya/QTvQW4V9FShZbZIB2UQ==",
       "dependencies": {
         "tinyspy": "^2.2.0"
       },
@@ -2965,11 +3283,12 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.1.0.tgz",
-      "integrity": "sha512-z+s510fKmYz4Y41XhNs3vcuFTFhcij2YF7F8VQfMEYAAUfqQh0Zfg7+w9xdgFGhPf3tX3TicAe+8BDITk6ampQ==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.2.1.tgz",
+      "integrity": "sha512-bsH6WVZYe/J2v3+81M5LDU8kW76xWObKIURpPrOXm2pjBniBu2MERI/XP60GpS4PHU3jyK50LUutOwrx4CyHUg==",
       "dependencies": {
         "diff-sequences": "^29.6.3",
+        "estree-walker": "^3.0.3",
         "loupe": "^2.3.7",
         "pretty-format": "^29.7.0"
       },
@@ -2977,50 +3296,83 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vue/compiler-core": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.13.tgz",
-      "integrity": "sha512-bwi9HShGu7uaZLOErZgsH2+ojsEdsjerbf2cMXPwmvcgZfVPZ2BVZzCVnwZBxTAYd6Mzbmf6izcUNDkWnBBQ6A==",
+    "node_modules/@vitest/utils/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
       "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/shared": "3.3.13",
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.11.1.tgz",
+      "integrity": "sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==",
+      "dependencies": {
+        "@volar/source-map": "1.11.1"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.11.1.tgz",
+      "integrity": "sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==",
+      "dependencies": {
+        "muggle-string": "^0.3.1"
+      }
+    },
+    "node_modules/@volar/typescript": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.11.1.tgz",
+      "integrity": "sha512-iU+t2mas/4lYierSnoFOeRFQUhAEMgsFuQxoxvwn5EdQopw43j+J27a4lt9LMInx1gLJBC6qL14WYGlgymaSMQ==",
+      "dependencies": {
+        "@volar/language-core": "1.11.1",
+        "path-browserify": "^1.0.1"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.15.tgz",
+      "integrity": "sha512-XcJQVOaxTKCnth1vCxEChteGuwG6wqnUHxAm1DO3gCz0+uXKaJNx8/digSz4dLALCy8n2lKq24jSUs8segoqIw==",
+      "dependencies": {
+        "@babel/parser": "^7.23.6",
+        "@vue/shared": "3.4.15",
+        "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.13.tgz",
-      "integrity": "sha512-EYRDpbLadGtNL0Gph+HoKiYqXLqZ0xSSpR5Dvnu/Ep7ggaCbjRDIus1MMxTS2Qm0koXED4xSlvTZaTnI8cYAsw==",
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.15.tgz",
+      "integrity": "sha512-wox0aasVV74zoXyblarOM3AZQz/Z+OunYcIHe1OsGclCHt8RsRm04DObjefaI82u6XDzv+qGWZ24tIsRAIi5MQ==",
       "dependencies": {
-        "@vue/compiler-core": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-core": "3.4.15",
+        "@vue/shared": "3.4.15"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.13.tgz",
-      "integrity": "sha512-DQVmHEy/EKIgggvnGRLx21hSqnr1smUS9Aq8tfxiiot8UR0/pXKHN9k78/qQ7etyQTFj5em5nruODON7dBeumw==",
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.15.tgz",
+      "integrity": "sha512-LCn5M6QpkpFsh3GQvs2mJUOAlBQcCco8D60Bcqmf3O3w5a+KWS5GvYbrrJBkgvL1BDnTp+e8q0lXCLgHhKguBA==",
       "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/compiler-core": "3.3.13",
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/compiler-ssr": "3.3.13",
-        "@vue/reactivity-transform": "3.3.13",
-        "@vue/shared": "3.3.13",
+        "@babel/parser": "^7.23.6",
+        "@vue/compiler-core": "3.4.15",
+        "@vue/compiler-dom": "3.4.15",
+        "@vue/compiler-ssr": "3.4.15",
+        "@vue/shared": "3.4.15",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.5",
-        "postcss": "^8.4.32",
+        "postcss": "^8.4.33",
         "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.13.tgz",
-      "integrity": "sha512-d/P3bCeUGmkJNS1QUZSAvoCIW4fkOKK3l2deE7zrp0ypJEy+En2AcypIkqvcFQOcw3F0zt2VfMvNsA9JmExTaw==",
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.15.tgz",
+      "integrity": "sha512-1jdeQyiGznr8gjFDadVmOJqZiLNSsMa5ZgqavkPZ8O2wjHv0tVuAEsw5hTdUoUW4232vpBbL/wJhzVW/JwY1Uw==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-dom": "3.4.15",
+        "@vue/shared": "3.4.15"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -3028,61 +3380,120 @@
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.1.tgz",
       "integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
     },
-    "node_modules/@vue/reactivity": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.13.tgz",
-      "integrity": "sha512-fjzCxceMahHhi4AxUBzQqqVhuA21RJ0COaWTbIBl1PruGW1CeY97louZzLi4smpYx+CHfFPPU/CS8NybbGvPKQ==",
+    "node_modules/@vue/eslint-config-prettier": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-8.0.0.tgz",
+      "integrity": "sha512-55dPqtC4PM/yBjhAr+yEw6+7KzzdkBuLmnhBrDfp4I48+wy+Giqqj9yUr5T2uD/BkBROjjmqnLZmXRdOx/VtQg==",
       "dependencies": {
-        "@vue/shared": "3.3.13"
+        "eslint-config-prettier": "^8.8.0",
+        "eslint-plugin-prettier": "^5.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">= 8.0.0",
+        "prettier": ">= 3.0.0"
       }
     },
-    "node_modules/@vue/reactivity-transform": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.13.tgz",
-      "integrity": "sha512-oWnydGH0bBauhXvh5KXUy61xr9gKaMbtsMHk40IK9M4gMuKPJ342tKFarY0eQ6jef8906m35q37wwA8DMZOm5Q==",
+    "node_modules/@vue/eslint-config-prettier/node_modules/eslint-config-prettier": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
+      "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-12.0.0.tgz",
+      "integrity": "sha512-StxLFet2Qe97T8+7L8pGlhYBBr8Eg05LPuTDVopQV6il+SK6qqom59BA/rcFipUef2jD8P2X44Vd8tMFytfvlg==",
       "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/compiler-core": "3.3.13",
-        "@vue/shared": "3.3.13",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.5"
+        "@typescript-eslint/eslint-plugin": "^6.7.0",
+        "@typescript-eslint/parser": "^6.7.0",
+        "vue-eslint-parser": "^9.3.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0",
+        "eslint-plugin-vue": "^9.0.0",
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "1.8.27",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.27.tgz",
+      "integrity": "sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==",
+      "dependencies": {
+        "@volar/language-core": "~1.11.1",
+        "@volar/source-map": "~1.11.1",
+        "@vue/compiler-dom": "^3.3.0",
+        "@vue/shared": "^3.3.0",
+        "computeds": "^0.0.1",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.3.1",
+        "path-browserify": "^1.0.1",
+        "vue-template-compiler": "^2.7.14"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.15.tgz",
+      "integrity": "sha512-55yJh2bsff20K5O84MxSvXKPHHt17I2EomHznvFiJCAZpJTNW8IuLj1xZWMLELRhBK3kkFV/1ErZGHJfah7i7w==",
+      "dependencies": {
+        "@vue/shared": "3.4.15"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.13.tgz",
-      "integrity": "sha512-1TzA5TvGuh2zUwMJgdfvrBABWZ7y8kBwBhm7BXk8rvdx2SsgcGfz2ruv2GzuGZNvL1aKnK8CQMV/jFOrxNQUMA==",
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.15.tgz",
+      "integrity": "sha512-6E3by5m6v1AkW0McCeAyhHTw+3y17YCOKG0U0HDKDscV4Hs0kgNT5G+GCHak16jKgcCDHpI9xe5NKb8sdLCLdw==",
       "dependencies": {
-        "@vue/reactivity": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/reactivity": "3.4.15",
+        "@vue/shared": "3.4.15"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.13.tgz",
-      "integrity": "sha512-JJkpE8R/hJKXqVTgUoODwS5wqKtOsmJPEqmp90PDVGygtJ4C0PtOkcEYXwhiVEmef6xeXcIlrT3Yo5aQ4qkHhQ==",
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.15.tgz",
+      "integrity": "sha512-EVW8D6vfFVq3V/yDKNPBFkZKGMFSvZrUQmx196o/v2tHKdwWdiZjYUBS+0Ez3+ohRyF8Njwy/6FH5gYJ75liUw==",
       "dependencies": {
-        "@vue/runtime-core": "3.3.13",
-        "@vue/shared": "3.3.13",
+        "@vue/runtime-core": "3.4.15",
+        "@vue/shared": "3.4.15",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.13.tgz",
-      "integrity": "sha512-vSnN+nuf6iSqTL3Qgx/9A+BT+0Zf/VJOgF5uMZrKjYPs38GMYyAU1coDyBNHauehXDaP+zl73VhwWv0vBRBHcg==",
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.15.tgz",
+      "integrity": "sha512-3HYzaidu9cHjrT+qGUuDhFYvF/j643bHC6uUN9BgM11DVy+pM6ATsG6uPBLnkwOgs7BpJABReLmpL3ZPAsUaqw==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-ssr": "3.4.15",
+        "@vue/shared": "3.4.15"
       },
       "peerDependencies": {
-        "vue": "3.3.13"
+        "vue": "3.4.15"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.13.tgz",
-      "integrity": "sha512-/zYUwiHD8j7gKx2argXEMCUXVST6q/21DFU0sTfNX0URJroCe3b1UF6vLJ3lQDfLNIiiRl2ONp7Nh5UVWS6QnA=="
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.15.tgz",
+      "integrity": "sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g=="
     },
     "node_modules/@vue/test-utils": {
       "version": "2.4.3",
@@ -3102,6 +3513,11 @@
         }
       }
     },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.4.0.tgz",
+      "integrity": "sha512-CPuIReonid9+zOG/CGTT05FXrPYATEqoDGNrEaqS4hwcw5BUNM2FguC0mOwJD4Jr16UpRVl9N0pY3P+srIbqmg=="
+    },
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -3117,9 +3533,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.11.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "version": "8.11.3",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3145,9 +3561,9 @@
       }
     },
     "node_modules/acorn-walk": {
-      "version": "8.3.1",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.1.tgz",
-      "integrity": "sha512-TgUZgYvqZprrl7YldZNoa9OciCAyZR+Ejm9eXzKCmjsF5IKp/wgQ7Z/ZpjpGTIUPwrHQIcYeI8qDh4PsEwxMbw==",
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz",
+      "integrity": "sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==",
       "engines": {
         "node": ">=0.4.0"
       }
@@ -3244,6 +3660,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/array.prototype.findlastindex": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
@@ -3341,22 +3765,22 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.2.tgz",
-      "integrity": "sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.5.tgz",
+      "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
       "dependencies": {
-        "follow-redirects": "^1.15.0",
+        "follow-redirects": "^1.15.4",
         "form-data": "^4.0.0",
         "proxy-from-env": "^1.1.0"
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.7",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
-      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.8.tgz",
+      "integrity": "sha512-OtIuQfafSzpo/LhnJaykc0R/MMnuLSSVjVYy9mHArIZ9qTCSZ6TpWCuEKZYVoN//t8HqBNScHrOtCrIK5IaGLg==",
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.4",
+        "@babel/helper-define-polyfill-provider": "^0.5.0",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -3375,12 +3799,27 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
-      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
+    "node_modules/babel-plugin-polyfill-corejs3/node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.4"
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.5.tgz",
+      "integrity": "sha512-OJGYZlhLqBh2DDHeqAxWB1XIvr49CxiJ2gIt61/PU55CQK4Z58OzMqjDe1zwQdQk+rBYsRc+1rJmdajM3gimHg==",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.5.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -3391,14 +3830,6 @@
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
-    "node_modules/big-integer": {
-      "version": "1.6.52",
-      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz",
-      "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -3474,24 +3905,12 @@
         "@popperjs/core": "^2.11.8"
       }
     },
-    "node_modules/bplist-parser": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz",
-      "integrity": "sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==",
-      "dependencies": {
-        "big-integer": "^1.6.44"
-      },
-      "engines": {
-        "node": ">= 5.10.0"
-      }
-    },
     "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^1.0.0"
       }
     },
     "node_modules/braces": {
@@ -3542,20 +3961,6 @@
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
       "peer": true
     },
-    "node_modules/bundle-name": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-3.0.0.tgz",
-      "integrity": "sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==",
-      "dependencies": {
-        "run-applescript": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/bytes": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
@@ -3603,9 +4008,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001570",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001570.tgz",
-      "integrity": "sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==",
+      "version": "1.0.30001579",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001579.tgz",
+      "integrity": "sha512-u5AUVkixruKHJjw/pj9wISlcMpgFWzSrczLZbrqBSxukQixmg0SJ5sZTpvaFvxU0HoQKd4yoyAogyrAz9pzJnA==",
       "funding": [
         {
           "type": "opencollective",
@@ -3641,9 +4046,9 @@
       }
     },
     "node_modules/chai": {
-      "version": "4.3.10",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz",
-      "integrity": "sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.4.1.tgz",
+      "integrity": "sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==",
       "dependencies": {
         "assertion-error": "^1.1.0",
         "check-error": "^1.0.3",
@@ -3835,6 +4240,11 @@
         "node": ">=14"
       }
     },
+    "node_modules/computeds": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
+      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q=="
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -3900,9 +4310,9 @@
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
     },
     "node_modules/core-js": {
-      "version": "3.34.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.34.0.tgz",
-      "integrity": "sha512-aDdvlDder8QmY91H88GzNi9EtQi2TjvQhpCX6B1v/dAZHU1AuLgHvRh54RiOerpEhEW46Tkf+vgAViB/CWC0ag==",
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.35.0.tgz",
+      "integrity": "sha512-ntakECeqg81KqMueeGJ79Q5ZgQNR+6eaE8sxGCx62zMbAIj65q+uYvatToew3m6eAGdU4gNZwpZ34NMe4GYswg==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -3910,9 +4320,9 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.34.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.34.0.tgz",
-      "integrity": "sha512-4ZIyeNbW/Cn1wkMMDy+mvrRUxrwFNjKwbhCfQpDd+eLgYipDqp8oGFGtLmhh18EDPKA0g3VUBYOxQGGwvWLVpA==",
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.35.0.tgz",
+      "integrity": "sha512-5blwFAddknKeNgsjBzilkdQ0+YK8L1PfqPYq40NOYMYFSS38qj+hpTcLLWwpIwA2A5bje/x5jmVn2tzUMg9IVw==",
       "dependencies": {
         "browserslist": "^4.22.2"
       },
@@ -3999,6 +4409,11 @@
         "node": ">=12"
       }
     },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -4036,38 +4451,6 @@
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
     },
-    "node_modules/default-browser": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-4.0.0.tgz",
-      "integrity": "sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==",
-      "dependencies": {
-        "bundle-name": "^3.0.0",
-        "default-browser-id": "^3.0.0",
-        "execa": "^7.1.1",
-        "titleize": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser-id": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz",
-      "integrity": "sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==",
-      "dependencies": {
-        "bplist-parser": "^0.2.0",
-        "untildify": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/define-data-property": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
@@ -4106,9 +4489,9 @@
       }
     },
     "node_modules/defu": {
-      "version": "6.1.3",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.3.tgz",
-      "integrity": "sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ=="
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="
     },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
@@ -4213,14 +4596,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/editorconfig/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
     "node_modules/editorconfig/node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -4271,9 +4646,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.615",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.615.tgz",
-      "integrity": "sha512-/bKPPcgZVUziECqDc+0HkT87+0zhaWSZHNXqF8FLd2lQcptpmUFwoCSWjCdOng9Gdq+afKArPdEg/0ZW461Eng=="
+      "version": "1.4.640",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.640.tgz",
+      "integrity": "sha512-z/6oZ/Muqk4BaE7P69bXhUhpJbUM9ZJeka43ZwxsDshKtePns4mhBlh8bU5+yrnOnz3fhG82XLzGUXazOmsWnA=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -4620,6 +4995,15 @@
         "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
       }
     },
+    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
     "node_modules/eslint-plugin-import/node_modules/debug": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
@@ -4639,6 +5023,17 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-node": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
@@ -4658,19 +5053,39 @@
         "eslint": ">=5.16.0"
       }
     },
+    "node_modules/eslint-plugin-node/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-node/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-prettier": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.0.tgz",
-      "integrity": "sha512-hQc+2zbnMeXcIkg+pKZtVa+3Yqx4WY7SMkn1PLZ4VbBEU7jJIpVn9347P8BBhTbz6ne85aXvQf30kvexcqBeWw==",
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz",
+      "integrity": "sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==",
       "dependencies": {
         "prettier-linter-helpers": "^1.0.0",
-        "synckit": "^0.8.5"
+        "synckit": "^0.8.6"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://opencollective.com/prettier"
+        "url": "https://opencollective.com/eslint-plugin-prettier"
       },
       "peerDependencies": {
         "@types/eslint": ">=8.0.0",
@@ -4699,16 +5114,16 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "9.19.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.19.2.tgz",
-      "integrity": "sha512-CPDqTOG2K4Ni2o4J5wixkLVNwgctKXFu6oBpVJlpNq7f38lh9I80pRTouZSJ2MAebPJlINU/KTFSXyQfBUlymA==",
+      "version": "9.20.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.20.1.tgz",
+      "integrity": "sha512-GyCs8K3lkEvoyC1VV97GJhP1SvqsKCiWGHnbn0gVUYiUhaH2+nB+Dv1uekv1THFMPbBfYxukrzQdltw950k+LQ==",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "natural-compare": "^1.4.0",
         "nth-check": "^2.1.1",
         "postcss-selector-parser": "^6.0.13",
         "semver": "^7.5.4",
-        "vue-eslint-parser": "^9.3.1",
+        "vue-eslint-parser": "^9.4.0",
         "xml-name-validator": "^4.0.0"
       },
       "engines": {
@@ -4810,6 +5225,15 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
     "node_modules/eslint/node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -4885,6 +5309,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -4968,32 +5403,27 @@
       }
     },
     "node_modules/execa": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
-      "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
       "dependencies": {
         "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.1",
-        "human-signals": "^4.3.0",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
         "is-stream": "^3.0.0",
         "merge-stream": "^2.0.0",
         "npm-run-path": "^5.1.0",
         "onetime": "^6.0.0",
-        "signal-exit": "^3.0.7",
+        "signal-exit": "^4.1.0",
         "strip-final-newline": "^3.0.0"
       },
       "engines": {
-        "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
+        "node": ">=16.17"
       },
       "funding": {
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/execa/node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
-    },
     "node_modules/extend-shallow": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
@@ -5150,9 +5580,9 @@
       "integrity": "sha512-W7cHV7Hrwjid6lWmy0IhsWDFQboWSng25U3VVywpHOTJnnAZNPScog67G+cVpeX9f7yDD21ih0WDrMMT+JoaYg=="
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
       "funding": [
         {
           "type": "individual",
@@ -5307,11 +5737,11 @@
       }
     },
     "node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
       "engines": {
-        "node": ">=10"
+        "node": ">=16"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -5364,28 +5794,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -5579,6 +5987,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
     "node_modules/header-case": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
@@ -5589,15 +6005,15 @@
       }
     },
     "node_modules/histoire": {
-      "version": "0.17.6",
-      "resolved": "https://registry.npmjs.org/histoire/-/histoire-0.17.6.tgz",
-      "integrity": "sha512-L9xLR0BFk+KIcpfDOPw5i0o4eq1ANj+f0i3xWS6F5yToV0jSu9Dh8eaagSrR1QbUpLoc7Kjhjq408Ecoop3JcA==",
+      "version": "0.17.8",
+      "resolved": "https://registry.npmjs.org/histoire/-/histoire-0.17.8.tgz",
+      "integrity": "sha512-8OeLoi7rjtLVR7LixAnVEXQVoGETYmLigm+yt+1KshQ63hBmiPt4e3/qDsS12hxEWGhY5a9Z5Wi2UFSPB5Ifkg==",
       "dependencies": {
         "@akryum/tinypool": "^0.3.1",
-        "@histoire/app": "^0.17.6",
-        "@histoire/controls": "^0.17.6",
-        "@histoire/shared": "^0.17.6",
-        "@histoire/vendors": "^0.17.6",
+        "@histoire/app": "^0.17.8",
+        "@histoire/controls": "^0.17.8",
+        "@histoire/shared": "^0.17.8",
+        "@histoire/vendors": "^0.17.8",
         "@types/flexsearch": "^0.7.6",
         "@types/markdown-it": "^12.2.3",
         "birpc": "^0.1.1",
@@ -5629,7 +6045,7 @@
         "histoire": "bin.mjs"
       },
       "peerDependencies": {
-        "vite": "^2.9.0 || ^3.0.0 || ^4.0.0"
+        "vite": "^2.9.0 || ^3.0.0 || ^4.0.0 || ^5.0.0"
       }
     },
     "node_modules/hookable": {
@@ -5697,11 +6113,11 @@
       }
     },
     "node_modules/human-signals": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
-      "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
       "engines": {
-        "node": ">=14.18.0"
+        "node": ">=16.17.0"
       }
     },
     "node_modules/iconv-lite": {
@@ -5913,37 +6329,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-inside-container": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
-      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
-      "dependencies": {
-        "is-docker": "^3.0.0"
-      },
-      "bin": {
-        "is-inside-container": "cli.js"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-inside-container/node_modules/is-docker": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
-      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/is-negative-zero": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
@@ -6127,13 +6512,13 @@
       }
     },
     "node_modules/joi": {
-      "version": "17.11.0",
-      "resolved": "https://registry.npmjs.org/joi/-/joi-17.11.0.tgz",
-      "integrity": "sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==",
+      "version": "17.12.0",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.12.0.tgz",
+      "integrity": "sha512-HSLsmSmXz+PV9PYoi3p7cgIbj06WnEBNT28n+bbBNcPZXZFqCzzvGqpTBPujx/Z0nh1+KNQPDrNgdmQ8dq0qYw==",
       "dependencies": {
-        "@hapi/hoek": "^9.0.0",
-        "@hapi/topo": "^5.0.0",
-        "@sideway/address": "^4.1.3",
+        "@hapi/hoek": "^9.3.0",
+        "@hapi/topo": "^5.1.0",
+        "@sideway/address": "^4.1.4",
         "@sideway/formula": "^3.0.1",
         "@sideway/pinpoint": "^2.0.0"
       }
@@ -6524,14 +6909,17 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": "*"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/minimist": {
@@ -6551,14 +6939,14 @@
       }
     },
     "node_modules/mlly": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.4.2.tgz",
-      "integrity": "sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.5.0.tgz",
+      "integrity": "sha512-NPVQvAY1xr1QoVeG0cy8yUYC7FQcOx6evl/RjT1wL5FvzPnzOysoqB/jmx/DhssT2dYa8nxECLAaFI/+gVLhDQ==",
       "dependencies": {
-        "acorn": "^8.10.0",
-        "pathe": "^1.1.1",
+        "acorn": "^8.11.3",
+        "pathe": "^1.1.2",
         "pkg-types": "^1.0.3",
-        "ufo": "^1.3.0"
+        "ufo": "^1.3.2"
       }
     },
     "node_modules/mri": {
@@ -6582,6 +6970,11 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
+    "node_modules/muggle-string": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.3.1.tgz",
+      "integrity": "sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg=="
+    },
     "node_modules/nanoid": {
       "version": "3.3.7",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
@@ -6641,9 +7034,9 @@
       }
     },
     "node_modules/npm-run-path": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
-      "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.2.0.tgz",
+      "integrity": "sha512-W4/tgAXFqFA0iL7fk0+uQ3g7wkL8xJmx3XdK0VGb4cHW//eZTtKGvFBBoRKVTpY7n6ze4NL9ly7rgXcHufqXKg==",
       "dependencies": {
         "path-key": "^4.0.0"
       },
@@ -6898,6 +7291,11 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
+    },
     "node_modules/path-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
@@ -6968,9 +7366,9 @@
       }
     },
     "node_modules/pathe": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
-      "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q=="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="
     },
     "node_modules/pathval": {
       "version": "1.1.1",
@@ -7007,11 +7405,11 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.40.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.40.1.tgz",
-      "integrity": "sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==",
+      "version": "1.41.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.41.1.tgz",
+      "integrity": "sha512-gdZAWG97oUnbBdRL3GuBvX3nDDmUOuqzV/D24dytqlKt+eI5KbwusluZRGljx1YoJKZ2NRPaeWiFTeGZO7SosQ==",
       "dependencies": {
-        "playwright-core": "1.40.1"
+        "playwright-core": "1.41.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -7024,9 +7422,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.40.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.40.1.tgz",
-      "integrity": "sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==",
+      "version": "1.41.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.41.1.tgz",
+      "integrity": "sha512-/KPO5DzXSMlxSX77wy+HihKGOunh3hqndhqeo/nMxfigiKzogn8kfL0ZBDu0L1RKgan5XHCPmn6zXd2NUJgjhg==",
       "bin": {
         "playwright-core": "cli.js"
       },
@@ -7048,9 +7446,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
-      "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+      "version": "8.4.33",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
+      "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
       "funding": [
         {
           "type": "opencollective",
@@ -7075,9 +7473,9 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.13",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
-      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "version": "6.0.15",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
+      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -7095,9 +7493,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.1.1.tgz",
-      "integrity": "sha512-22UbSzg8luF4UuZtzgiUOfcGM8s4tjBv6dJRT7j275NXsy2jb4aJa4NNveul5x4eqlF1wuhuR2RElK71RvmVaw==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.4.tgz",
+      "integrity": "sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==",
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -7402,6 +7800,15 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/rimraf/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
     "node_modules/rimraf/node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -7421,10 +7828,24 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/rimraf/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/rollup": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.1.tgz",
-      "integrity": "sha512-pgPO9DWzLoW/vIhlSoDByCzcpX92bKEorbgXuZrqxByte3JFk2xSW2JEeAcyLc9Ru9pqcNNW+Ob7ntsk2oT/Xw==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.5.tgz",
+      "integrity": "sha512-E4vQW0H/mbNMw2yLSqJyjtkHY9dslf/p0zuT1xehNRqUTBOFMqEjguDvqhXr7N7r/4ttb2jr4T41d3dncmIgbQ==",
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -7433,26 +7854,26 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.9.1",
-        "@rollup/rollup-android-arm64": "4.9.1",
-        "@rollup/rollup-darwin-arm64": "4.9.1",
-        "@rollup/rollup-darwin-x64": "4.9.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.9.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.9.1",
-        "@rollup/rollup-linux-arm64-musl": "4.9.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.9.1",
-        "@rollup/rollup-linux-x64-gnu": "4.9.1",
-        "@rollup/rollup-linux-x64-musl": "4.9.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.9.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.9.1",
-        "@rollup/rollup-win32-x64-msvc": "4.9.1",
+        "@rollup/rollup-android-arm-eabi": "4.9.5",
+        "@rollup/rollup-android-arm64": "4.9.5",
+        "@rollup/rollup-darwin-arm64": "4.9.5",
+        "@rollup/rollup-darwin-x64": "4.9.5",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.9.5",
+        "@rollup/rollup-linux-arm64-gnu": "4.9.5",
+        "@rollup/rollup-linux-arm64-musl": "4.9.5",
+        "@rollup/rollup-linux-riscv64-gnu": "4.9.5",
+        "@rollup/rollup-linux-x64-gnu": "4.9.5",
+        "@rollup/rollup-linux-x64-musl": "4.9.5",
+        "@rollup/rollup-win32-arm64-msvc": "4.9.5",
+        "@rollup/rollup-win32-ia32-msvc": "4.9.5",
+        "@rollup/rollup-win32-x64-msvc": "4.9.5",
         "fsevents": "~2.3.2"
       }
     },
     "node_modules/rollup-plugin-visualizer": {
-      "version": "5.11.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.11.0.tgz",
-      "integrity": "sha512-exM0Ms2SN3AgTzMeW7y46neZQcyLY7eKwWAop1ZoRTCZwyrIRdMMJ6JjToAJbML77X/9N8ZEpmXG4Z/Clb9k8g==",
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz",
+      "integrity": "sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==",
       "dependencies": {
         "open": "^8.4.0",
         "picomatch": "^2.3.1",
@@ -7482,107 +7903,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/run-applescript": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-5.0.0.tgz",
-      "integrity": "sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==",
-      "dependencies": {
-        "execa": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/run-applescript/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/run-applescript/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/run-applescript/node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/run-applescript/node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/run-applescript/node_modules/npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "dependencies": {
-        "path-key": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/run-applescript/node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/run-applescript/node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
-    },
-    "node_modules/run-applescript/node_modules/strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -7625,12 +7945,12 @@
       }
     },
     "node_modules/safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.0.tgz",
+      "integrity": "sha512-ZdQ0Jeb9Ofti4hbt5lX3T2JcAamT9hfzYU1MNB+z/jaEbB6wfFfPIR/zEORmZqobkCCJhSjodobH6WHNmJ97dg==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
+        "call-bind": "^1.0.5",
+        "get-intrinsic": "^1.2.2",
         "has-symbols": "^1.0.3",
         "isarray": "^2.0.5"
       },
@@ -7642,14 +7962,17 @@
       }
     },
     "node_modules/safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.2.tgz",
+      "integrity": "sha512-83S9w6eFq12BBIJYvjMux6/dkirb8+4zJRA9cxNBVb7Wq5fJBW+Xze48WqR8pxua7bDuAaaAxtVVd4Idjp1dBQ==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
+        "call-bind": "^1.0.5",
+        "get-intrinsic": "^1.2.2",
         "is-regex": "^1.1.4"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -7701,14 +8024,15 @@
       }
     },
     "node_modules/set-function-length": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.0.tgz",
+      "integrity": "sha512-4DBHDoyHlM1IRPGYcoxexgh67y4ueR53FKV1yyxwFMY7aCqcN/38M1+SwZ/qJQ8iLv7+ck385ot4CcisOAPT9w==",
       "dependencies": {
         "define-data-property": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.2",
         "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
+        "has-property-descriptors": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7762,7 +8086,8 @@
     "node_modules/shiki-es": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/shiki-es/-/shiki-es-0.2.0.tgz",
-      "integrity": "sha512-RbRMD+IuJJseSZljDdne9ThrUYrwBwJR04FvN4VXpfsU3MNID5VJGHLAD5je/HGThCyEKNgH+nEkSFEWKD7C3Q=="
+      "integrity": "sha512-RbRMD+IuJJseSZljDdne9ThrUYrwBwJR04FvN4VXpfsU3MNID5VJGHLAD5je/HGThCyEKNgH+nEkSFEWKD7C3Q==",
+      "deprecated": "Please migrate to https://github.com/antfu/shikiji"
     },
     "node_modules/side-channel": {
       "version": "1.0.4",
@@ -7794,18 +8119,26 @@
       }
     },
     "node_modules/sirv": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
-      "integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz",
+      "integrity": "sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==",
       "dependencies": {
-        "@polka/url": "^1.0.0-next.20",
-        "mrmime": "^1.0.0",
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
         "totalist": "^3.0.0"
       },
       "engines": {
         "node": ">= 10"
       }
     },
+    "node_modules/sirv/node_modules/mrmime": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz",
+      "integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/slash": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
@@ -7876,9 +8209,9 @@
       }
     },
     "node_modules/std-env": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.6.0.tgz",
-      "integrity": "sha512-aFZ19IgVmhdB2uX599ve2kE6BIE3YMnQ6Gp6BURhW/oIzpXGKr878TQfAQZn1+i0Flcc/UKUy1gOlcfaUBCryg=="
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz",
+      "integrity": "sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg=="
     },
     "node_modules/string-width": {
       "version": "5.1.2",
@@ -8087,11 +8420,11 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
     },
     "node_modules/synckit": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.6.tgz",
-      "integrity": "sha512-laHF2savN6sMeHCjLRkheIU4wo3Zg9Ln5YOjOo7sZ5dVQW8yF5pPE5SIw1dsPhq3TRp1jisKRCdPhfs/1WMqDA==",
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.8.tgz",
+      "integrity": "sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==",
       "dependencies": {
-        "@pkgr/utils": "^2.4.2",
+        "@pkgr/core": "^0.1.0",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -8102,14 +8435,14 @@
       }
     },
     "node_modules/systemjs": {
-      "version": "6.14.2",
-      "resolved": "https://registry.npmjs.org/systemjs/-/systemjs-6.14.2.tgz",
-      "integrity": "sha512-1TlOwvKWdXxAY9vba+huLu99zrQURDWA8pUTYsRIYDZYQbGyK+pyEP4h4dlySsqo7ozyJBmYD20F+iUHhAltEg=="
+      "version": "6.14.3",
+      "resolved": "https://registry.npmjs.org/systemjs/-/systemjs-6.14.3.tgz",
+      "integrity": "sha512-hQv45irdhXudAOr8r6SVSpJSGtogdGZUbJBRKCE5nsIS7tsxxvnIHqT4IOPWj+P+HcSzeWzHlGCGpmhPDIKe+w=="
     },
     "node_modules/terser": {
-      "version": "5.26.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.26.0.tgz",
-      "integrity": "sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==",
+      "version": "5.27.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.27.0.tgz",
+      "integrity": "sha512-bi1HRwVRskAjheeYl291n3JC4GgO/Ty4z1nVs5AAsmonJulGxpSektecnNedrwK9C7vpvVtcX3cw00VSLt7U2A==",
       "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
@@ -8136,14 +8469,14 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
     },
     "node_modules/tinybench": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.5.1.tgz",
-      "integrity": "sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg=="
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.6.0.tgz",
+      "integrity": "sha512-N8hW3PG/3aOoZAN5V/NSAEDz0ZixDSSt5b/a05iqtpgfLWMSVuCo7w0k2vVvEjdrIoeGqZzweX2WlyioNIHchA=="
     },
     "node_modules/tinypool": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.8.1.tgz",
-      "integrity": "sha512-zBTCK0cCgRROxvs9c0CGK838sPkeokNGdQVUUwHAbynHFlmyJYj825f/oRs528HaIJ97lo0pLIlDUzwN+IorWg==",
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.8.2.tgz",
+      "integrity": "sha512-SUszKYe5wgsxnNOVlBYO6IC+8VGWdVGZWAqUxp3UErNBtptZvWbwyUOyzNL59zigz2rCA92QiL3wvG+JDSdJdQ==",
       "engines": {
         "node": ">=14.0.0"
       }
@@ -8156,17 +8489,6 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/titleize": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/titleize/-/titleize-3.0.0.tgz",
-      "integrity": "sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
@@ -8249,6 +8571,17 @@
         "node": ">=12"
       }
     },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
+      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -8379,6 +8712,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typescript": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
@@ -8409,13 +8754,13 @@
       "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
     },
     "node_modules/unhead": {
-      "version": "1.8.9",
-      "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.8.9.tgz",
-      "integrity": "sha512-qqCNmA4KOEDjcl+OtRZTllGehXewcQ31zbHjvhl/jqCs2MfRcZoxFW1y7A4Y4BgR/O7PI89K+GoWGcxK3gn64Q==",
+      "version": "1.8.10",
+      "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.8.10.tgz",
+      "integrity": "sha512-dth8FvZkLriO5ZWWOBIYBNSfGiwJtKcqpPWpSOk/Z0e2jdlgwoZEWZHFyte0EKvmbZxKcsWNMqIuv7dEmS5yZQ==",
       "dependencies": {
-        "@unhead/dom": "1.8.9",
-        "@unhead/schema": "1.8.9",
-        "@unhead/shared": "1.8.9",
+        "@unhead/dom": "1.8.10",
+        "@unhead/schema": "1.8.10",
+        "@unhead/shared": "1.8.10",
         "hookable": "^5.5.3"
       },
       "funding": {
@@ -8474,14 +8819,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/untildify": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
-      "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
@@ -8558,9 +8895,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz",
-      "integrity": "sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.2.tgz",
+      "integrity": "sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==",
       "dependencies": {
         "esbuild": "^0.18.10",
         "postcss": "^8.4.27",
@@ -8664,16 +9001,16 @@
       }
     },
     "node_modules/vitest": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-1.1.0.tgz",
-      "integrity": "sha512-oDFiCrw7dd3Jf06HoMtSRARivvyjHJaTxikFxuqJjO76U436PqlVw1uLn7a8OSPrhSfMGVaRakKpA2lePdw79A==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-1.2.1.tgz",
+      "integrity": "sha512-TRph8N8rnSDa5M2wKWJCMnztCZS9cDcgVTQ6tsTFTG/odHJ4l5yNVqvbeDJYJRZ6is3uxaEpFs8LL6QM+YFSdA==",
       "dependencies": {
-        "@vitest/expect": "1.1.0",
-        "@vitest/runner": "1.1.0",
-        "@vitest/snapshot": "1.1.0",
-        "@vitest/spy": "1.1.0",
-        "@vitest/utils": "1.1.0",
-        "acorn-walk": "^8.3.0",
+        "@vitest/expect": "1.2.1",
+        "@vitest/runner": "1.2.1",
+        "@vitest/snapshot": "1.2.1",
+        "@vitest/spy": "1.2.1",
+        "@vitest/utils": "1.2.1",
+        "acorn-walk": "^8.3.2",
         "cac": "^6.7.14",
         "chai": "^4.3.10",
         "debug": "^4.3.4",
@@ -8687,7 +9024,7 @@
         "tinybench": "^2.5.1",
         "tinypool": "^0.8.1",
         "vite": "^5.0.0",
-        "vite-node": "1.1.0",
+        "vite-node": "1.2.1",
         "why-is-node-running": "^2.2.2"
       },
       "bin": {
@@ -8729,9 +9066,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/android-arm": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.10.tgz",
-      "integrity": "sha512-7W0bK7qfkw1fc2viBfrtAEkDKHatYfHzr/jKAHNr9BvkYDXPcC6bodtm8AyLJNNuqClLNaeTLuwURt4PRT9d7w==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.11.tgz",
+      "integrity": "sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==",
       "cpu": [
         "arm"
       ],
@@ -8744,9 +9081,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/android-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.10.tgz",
-      "integrity": "sha512-1X4CClKhDgC3by7k8aOWZeBXQX8dHT5QAMCAQDArCLaYfkppoARvh0fit3X2Qs+MXDngKcHv6XXyQCpY0hkK1Q==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.11.tgz",
+      "integrity": "sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==",
       "cpu": [
         "arm64"
       ],
@@ -8759,9 +9096,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/android-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.10.tgz",
-      "integrity": "sha512-O/nO/g+/7NlitUxETkUv/IvADKuZXyH4BHf/g/7laqKC4i/7whLpB0gvpPc2zpF0q9Q6FXS3TS75QHac9MvVWw==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.11.tgz",
+      "integrity": "sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==",
       "cpu": [
         "x64"
       ],
@@ -8774,9 +9111,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/darwin-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.10.tgz",
-      "integrity": "sha512-YSRRs2zOpwypck+6GL3wGXx2gNP7DXzetmo5pHXLrY/VIMsS59yKfjPizQ4lLt5vEI80M41gjm2BxrGZ5U+VMA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.11.tgz",
+      "integrity": "sha512-ETp87DRWuSt9KdDVkqSoKoLFHYTrkyz2+65fj9nfXsaV3bMhTCjtQfw3y+um88vGRKRiF7erPrh/ZuIdLUIVxQ==",
       "cpu": [
         "arm64"
       ],
@@ -8789,9 +9126,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/darwin-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.10.tgz",
-      "integrity": "sha512-alfGtT+IEICKtNE54hbvPg13xGBe4GkVxyGWtzr+yHO7HIiRJppPDhOKq3zstTcVf8msXb/t4eavW3jCDpMSmA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.11.tgz",
+      "integrity": "sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==",
       "cpu": [
         "x64"
       ],
@@ -8804,9 +9141,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.10.tgz",
-      "integrity": "sha512-dMtk1wc7FSH8CCkE854GyGuNKCewlh+7heYP/sclpOG6Cectzk14qdUIY5CrKDbkA/OczXq9WesqnPl09mj5dg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.11.tgz",
+      "integrity": "sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==",
       "cpu": [
         "arm64"
       ],
@@ -8819,9 +9156,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/freebsd-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.10.tgz",
-      "integrity": "sha512-G5UPPspryHu1T3uX8WiOEUa6q6OlQh6gNl4CO4Iw5PS+Kg5bVggVFehzXBJY6X6RSOMS8iXDv2330VzaObm4Ag==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.11.tgz",
+      "integrity": "sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==",
       "cpu": [
         "x64"
       ],
@@ -8834,9 +9171,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-arm": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.10.tgz",
-      "integrity": "sha512-j6gUW5aAaPgD416Hk9FHxn27On28H4eVI9rJ4az7oCGTFW48+LcgNDBN+9f8rKZz7EEowo889CPKyeaD0iw9Kg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.11.tgz",
+      "integrity": "sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==",
       "cpu": [
         "arm"
       ],
@@ -8849,9 +9186,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.10.tgz",
-      "integrity": "sha512-QxaouHWZ+2KWEj7cGJmvTIHVALfhpGxo3WLmlYfJ+dA5fJB6lDEIg+oe/0//FuyVHuS3l79/wyBxbHr0NgtxJQ==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.11.tgz",
+      "integrity": "sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==",
       "cpu": [
         "arm64"
       ],
@@ -8864,9 +9201,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-ia32": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.10.tgz",
-      "integrity": "sha512-4ub1YwXxYjj9h1UIZs2hYbnTZBtenPw5NfXCRgEkGb0b6OJ2gpkMvDqRDYIDRjRdWSe/TBiZltm3Y3Q8SN1xNg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.11.tgz",
+      "integrity": "sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==",
       "cpu": [
         "ia32"
       ],
@@ -8879,9 +9216,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-loong64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.10.tgz",
-      "integrity": "sha512-lo3I9k+mbEKoxtoIbM0yC/MZ1i2wM0cIeOejlVdZ3D86LAcFXFRdeuZmh91QJvUTW51bOK5W2BznGNIl4+mDaA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.11.tgz",
+      "integrity": "sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==",
       "cpu": [
         "loong64"
       ],
@@ -8894,9 +9231,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-mips64el": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.10.tgz",
-      "integrity": "sha512-J4gH3zhHNbdZN0Bcr1QUGVNkHTdpijgx5VMxeetSk6ntdt+vR1DqGmHxQYHRmNb77tP6GVvD+K0NyO4xjd7y4A==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.11.tgz",
+      "integrity": "sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==",
       "cpu": [
         "mips64el"
       ],
@@ -8909,9 +9246,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-ppc64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.10.tgz",
-      "integrity": "sha512-tgT/7u+QhV6ge8wFMzaklOY7KqiyitgT1AUHMApau32ZlvTB/+efeCtMk4eXS+uEymYK249JsoiklZN64xt6oQ==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.11.tgz",
+      "integrity": "sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==",
       "cpu": [
         "ppc64"
       ],
@@ -8924,9 +9261,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-riscv64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.10.tgz",
-      "integrity": "sha512-0f/spw0PfBMZBNqtKe5FLzBDGo0SKZKvMl5PHYQr3+eiSscfJ96XEknCe+JoOayybWUFQbcJTrk946i3j9uYZA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.11.tgz",
+      "integrity": "sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==",
       "cpu": [
         "riscv64"
       ],
@@ -8939,9 +9276,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-s390x": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.10.tgz",
-      "integrity": "sha512-pZFe0OeskMHzHa9U38g+z8Yx5FNCLFtUnJtQMpwhS+r4S566aK2ci3t4NCP4tjt6d5j5uo4h7tExZMjeKoehAA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.11.tgz",
+      "integrity": "sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==",
       "cpu": [
         "s390x"
       ],
@@ -8954,9 +9291,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/linux-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.10.tgz",
-      "integrity": "sha512-SpYNEqg/6pZYoc+1zLCjVOYvxfZVZj6w0KROZ3Fje/QrM3nfvT2llI+wmKSrWuX6wmZeTapbarvuNNK/qepSgA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.11.tgz",
+      "integrity": "sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==",
       "cpu": [
         "x64"
       ],
@@ -8969,9 +9306,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/netbsd-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.10.tgz",
-      "integrity": "sha512-ACbZ0vXy9zksNArWlk2c38NdKg25+L9pr/mVaj9SUq6lHZu/35nx2xnQVRGLrC1KKQqJKRIB0q8GspiHI3J80Q==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.11.tgz",
+      "integrity": "sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==",
       "cpu": [
         "x64"
       ],
@@ -8984,9 +9321,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/openbsd-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.10.tgz",
-      "integrity": "sha512-PxcgvjdSjtgPMiPQrM3pwSaG4kGphP+bLSb+cihuP0LYdZv1epbAIecHVl5sD3npkfYBZ0ZnOjR878I7MdJDFg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.11.tgz",
+      "integrity": "sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==",
       "cpu": [
         "x64"
       ],
@@ -8999,9 +9336,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/sunos-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.10.tgz",
-      "integrity": "sha512-ZkIOtrRL8SEJjr+VHjmW0znkPs+oJXhlJbNwfI37rvgeMtk3sxOQevXPXjmAPZPigVTncvFqLMd+uV0IBSEzqA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.11.tgz",
+      "integrity": "sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==",
       "cpu": [
         "x64"
       ],
@@ -9014,9 +9351,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/win32-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.10.tgz",
-      "integrity": "sha512-+Sa4oTDbpBfGpl3Hn3XiUe4f8TU2JF7aX8cOfqFYMMjXp6ma6NJDztl5FDG8Ezx0OjwGikIHw+iA54YLDNNVfw==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.11.tgz",
+      "integrity": "sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==",
       "cpu": [
         "arm64"
       ],
@@ -9029,9 +9366,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/win32-ia32": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.10.tgz",
-      "integrity": "sha512-EOGVLK1oWMBXgfttJdPHDTiivYSjX6jDNaATeNOaCOFEVcfMjtbx7WVQwPSE1eIfCp/CaSF2nSrDtzc4I9f8TQ==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.11.tgz",
+      "integrity": "sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==",
       "cpu": [
         "ia32"
       ],
@@ -9044,9 +9381,9 @@
       }
     },
     "node_modules/vitest/node_modules/@esbuild/win32-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.10.tgz",
-      "integrity": "sha512-whqLG6Sc70AbU73fFYvuYzaE4MNMBIlR1Y/IrUeOXFrWHxBEjjbZaQ3IXIQS8wJdAzue2GwYZCjOrgrU1oUHoA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.11.tgz",
+      "integrity": "sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==",
       "cpu": [
         "x64"
       ],
@@ -9059,9 +9396,9 @@
       }
     },
     "node_modules/vitest/node_modules/esbuild": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.10.tgz",
-      "integrity": "sha512-S1Y27QGt/snkNYrRcswgRFqZjaTG5a5xM3EQo97uNBnH505pdzSNe/HLBq1v0RO7iK/ngdbhJB6mDAp0OK+iUA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.11.tgz",
+      "integrity": "sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==",
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -9070,76 +9407,35 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.19.10",
-        "@esbuild/android-arm": "0.19.10",
-        "@esbuild/android-arm64": "0.19.10",
-        "@esbuild/android-x64": "0.19.10",
-        "@esbuild/darwin-arm64": "0.19.10",
-        "@esbuild/darwin-x64": "0.19.10",
-        "@esbuild/freebsd-arm64": "0.19.10",
-        "@esbuild/freebsd-x64": "0.19.10",
-        "@esbuild/linux-arm": "0.19.10",
-        "@esbuild/linux-arm64": "0.19.10",
-        "@esbuild/linux-ia32": "0.19.10",
-        "@esbuild/linux-loong64": "0.19.10",
-        "@esbuild/linux-mips64el": "0.19.10",
-        "@esbuild/linux-ppc64": "0.19.10",
-        "@esbuild/linux-riscv64": "0.19.10",
-        "@esbuild/linux-s390x": "0.19.10",
-        "@esbuild/linux-x64": "0.19.10",
-        "@esbuild/netbsd-x64": "0.19.10",
-        "@esbuild/openbsd-x64": "0.19.10",
-        "@esbuild/sunos-x64": "0.19.10",
-        "@esbuild/win32-arm64": "0.19.10",
-        "@esbuild/win32-ia32": "0.19.10",
-        "@esbuild/win32-x64": "0.19.10"
-      }
-    },
-    "node_modules/vitest/node_modules/execa": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
-      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^8.0.1",
-        "human-signals": "^5.0.0",
-        "is-stream": "^3.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^5.1.0",
-        "onetime": "^6.0.0",
-        "signal-exit": "^4.1.0",
-        "strip-final-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=16.17"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/vitest/node_modules/get-stream": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
-      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/vitest/node_modules/human-signals": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
-      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
-      "engines": {
-        "node": ">=16.17.0"
+        "@esbuild/aix-ppc64": "0.19.11",
+        "@esbuild/android-arm": "0.19.11",
+        "@esbuild/android-arm64": "0.19.11",
+        "@esbuild/android-x64": "0.19.11",
+        "@esbuild/darwin-arm64": "0.19.11",
+        "@esbuild/darwin-x64": "0.19.11",
+        "@esbuild/freebsd-arm64": "0.19.11",
+        "@esbuild/freebsd-x64": "0.19.11",
+        "@esbuild/linux-arm": "0.19.11",
+        "@esbuild/linux-arm64": "0.19.11",
+        "@esbuild/linux-ia32": "0.19.11",
+        "@esbuild/linux-loong64": "0.19.11",
+        "@esbuild/linux-mips64el": "0.19.11",
+        "@esbuild/linux-ppc64": "0.19.11",
+        "@esbuild/linux-riscv64": "0.19.11",
+        "@esbuild/linux-s390x": "0.19.11",
+        "@esbuild/linux-x64": "0.19.11",
+        "@esbuild/netbsd-x64": "0.19.11",
+        "@esbuild/openbsd-x64": "0.19.11",
+        "@esbuild/sunos-x64": "0.19.11",
+        "@esbuild/win32-arm64": "0.19.11",
+        "@esbuild/win32-ia32": "0.19.11",
+        "@esbuild/win32-x64": "0.19.11"
       }
     },
     "node_modules/vitest/node_modules/vite": {
-      "version": "5.0.10",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.10.tgz",
-      "integrity": "sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==",
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.12.tgz",
+      "integrity": "sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==",
       "dependencies": {
         "esbuild": "^0.19.3",
         "postcss": "^8.4.32",
@@ -9191,9 +9487,9 @@
       }
     },
     "node_modules/vitest/node_modules/vite-node": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.1.0.tgz",
-      "integrity": "sha512-jV48DDUxGLEBdHCQvxL1mEh7+naVy+nhUUUaPAZLd3FJgXuxQiewHcfeZebbJ6onDqNGkP4r3MhQ342PRlG81Q==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.2.1.tgz",
+      "integrity": "sha512-fNzHmQUSOY+y30naohBvSW7pPn/xn3Ib/uqm+5wAJQJiqQsU0NBR78XdRJb04l4bOFKjpTWld0XAfkKlrDbySg==",
       "dependencies": {
         "cac": "^6.7.14",
         "debug": "^4.3.4",
@@ -9212,15 +9508,15 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.13.tgz",
-      "integrity": "sha512-LDnUpQvDgsfc0u/YgtAgTMXJlJQqjkxW1PVcOnJA5cshPleULDjHi7U45pl2VJYazSSvLH8UKcid/kzH8I0a0Q==",
+      "version": "3.4.15",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.15.tgz",
+      "integrity": "sha512-jC0GH4KkWLWJOEQjOpkqU1bQsBwf4R1rsFtw5GQJbjHVKWDzO6P0nWWBTmjp1xSemAioDFj1jdaK1qa3DnMQoQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/compiler-sfc": "3.3.13",
-        "@vue/runtime-dom": "3.3.13",
-        "@vue/server-renderer": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-dom": "3.4.15",
+        "@vue/compiler-sfc": "3.4.15",
+        "@vue/runtime-dom": "3.4.15",
+        "@vue/server-renderer": "3.4.15",
+        "@vue/shared": "3.4.15"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -9232,14 +9528,14 @@
       }
     },
     "node_modules/vue-component-type-helpers": {
-      "version": "1.8.25",
-      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-1.8.25.tgz",
-      "integrity": "sha512-NCA6sekiJIMnMs4DdORxATXD+/NRkQpS32UC+I1KQJUasx+Z7MZUb3Y+MsKsFmX+PgyTYSteb73JW77AibaCCw=="
+      "version": "1.8.27",
+      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-1.8.27.tgz",
+      "integrity": "sha512-0vOfAtI67UjeO1G6UiX5Kd76CqaQ67wrRZiOe7UAb9Jm6GzlUr/fC7CV90XfwapJRjpCMaZFhv1V0ajWRmE9Dg=="
     },
     "node_modules/vue-eslint-parser": {
-      "version": "9.3.2",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.2.tgz",
-      "integrity": "sha512-q7tWyCVaV9f8iQyIA5Mkj/S6AoJ9KBN8IeUSf3XEmBrOtxOZnfTg5s4KClbZBCK3GtnT/+RyCLZyDHuZwTuBjg==",
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.0.tgz",
+      "integrity": "sha512-7KsNBb6gHFA75BtneJsoK/dbZ281whUIwFYdQxA68QrCrGMXYzUMbPDHGcOQ0OocIVKrWSKWXZ4mL7tonCXoUw==",
       "dependencies": {
         "debug": "^4.3.4",
         "eslint-scope": "^7.1.1",
@@ -9295,12 +9591,12 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog=="
     },
     "node_modules/vue-i18n": {
-      "version": "9.8.0",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.8.0.tgz",
-      "integrity": "sha512-Izho+6PYjejsTq2mzjcRdBZ5VLRQoSuuexvR8029h5CpN03FYqiqBrShMyf2I1DKkN6kw/xmujcbvC+4QybpsQ==",
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.9.0.tgz",
+      "integrity": "sha512-xQ5SxszUAqK5n84N+uUyHH/PiQl9xZ24FOxyAaNonmOQgXeN+rD9z/6DStOpOxNFQn4Cgcquot05gZc+CdOujA==",
       "dependencies": {
-        "@intlify/core-base": "9.8.0",
-        "@intlify/shared": "9.8.0",
+        "@intlify/core-base": "9.9.0",
+        "@intlify/shared": "9.9.0",
         "@vue/devtools-api": "^6.5.0"
       },
       "engines": {
@@ -9327,6 +9623,61 @@
         "vue": "^3.2.0"
       }
     },
+    "node_modules/vue-template-compiler": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
+      "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "1.8.27",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.27.tgz",
+      "integrity": "sha512-WesKCAZCRAbmmhuGl3+VrdWItEvfoFIPXOvUJkjULi+x+6G/Dy69yO3TBRJDr9eUlmsNAwVmxsNZxvHKzbkKdg==",
+      "dependencies": {
+        "@volar/typescript": "~1.11.1",
+        "@vue/language-core": "1.8.27",
+        "semver": "^7.5.4"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      }
+    },
+    "node_modules/vue-tsc/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vue-tsc/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vue-tsc/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/w3c-keyname": {
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
@@ -9596,9 +9947,9 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/ws": {
-      "version": "8.15.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.15.1.tgz",
-      "integrity": "sha512-W5OZiCjXEmk0yZ66ZN82beM5Sz7l7coYxpRkzS+p9PP+ToQry8szKh+61eNktr7EA9DOwvFGhfC605jDHbP6QQ==",
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
+      "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
       "engines": {
         "node": ">=10.0.0"
       },
diff --git a/package.json b/package.json
index 734d02391..c94c9520f 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,10 @@
     "@vitejs/plugin-legacy": "^4.0.2",
     "@vitejs/plugin-vue": "^4.1.0",
     "@vue/compiler-sfc": "^3.2.30",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.2.7",
+    "@vue/tsconfig": "^0.4.0",
     "axios": "^1.2.1",
     "body-parser": "^1.20.2",
     "bootstrap": "^5.2.2",
@@ -42,6 +45,7 @@
     "prettier-plugin-toml": "^2.0.1",
     "rollup-plugin-visualizer": "^5.8.3",
     "smoothscroll-polyfill": "^0.4.4",
+    "typescript": "^5.2.2",
     "vite": "^4.5.1",
     "vite-plugin-toml": "^0.6.0",
     "vitest": "^1.1.0",
@@ -50,6 +54,7 @@
     "vue-hot-reload-api": "^2.3.4",
     "vue-i18n": "^9.2.2",
     "vue-router": "^4.0.12",
+    "vue-tsc": "^1.8.19",
     "wait-on": "^7.0.1"
   },
   "engines": {
@@ -58,4 +63,4 @@
   },
   "license": "MIT",
   "repository": "github:evcc-io/evcc"
-}
+}
\ No newline at end of file
diff --git a/playwright.config.js b/playwright.config.js
index b005349a5..c5e974708 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -8,6 +8,8 @@ module.exports = defineConfig({
   fullyParallel: false,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
+  timeout: 15000, // 15s (default 30s)
+  expect: { timeout: 2500 }, // 2.5s (default 5s)
   workers: 1, // run testfiles serially to avoid port and database conflicts
   reporter: "html",
   use: {
diff --git a/provider/javascript.go b/provider/javascript.go
index 4480a0dce..ca87eb4e4 100644
--- a/provider/javascript.go
+++ b/provider/javascript.go
@@ -114,23 +114,30 @@ func (p *Javascript) BoolGetter() (func() (bool, error), error) {
 }
 
 func (p *Javascript) handleGetter() (any, error) {
-	if err := transformInputs(p.in, p.setParam); err != nil {
+	if err := transformInputs(p.in, p.setParamSync); err != nil {
 		return nil, err
 	}
 
+	javascript.Lock()
+	defer javascript.Unlock()
+
 	return p.evaluate()
 }
 
 func (p *Javascript) handleSetter(param string, val any) error {
+	javascript.Lock()
 	if err := p.setParam(param, val); err != nil {
+		javascript.Unlock()
 		return err
 	}
 
 	v, err := p.evaluate()
 	if err != nil {
+		javascript.Unlock()
 		return err
 	}
 
+	javascript.Unlock()
 	return transformOutputs(p.out, v)
 }
 
@@ -156,6 +163,13 @@ func (p *Javascript) setParam(param string, val any) error {
 	return p.vm.Set(param, val)
 }
 
+// setParamSync is the synchronized version of setParam
+func (p *Javascript) setParamSync(param string, val any) error {
+	javascript.Lock()
+	defer javascript.Unlock()
+	return p.setParam(param, val)
+}
+
 var _ SetIntProvider = (*Javascript)(nil)
 
 // IntSetter sends int request
diff --git a/provider/javascript/registry.go b/provider/javascript/registry.go
index ba81ecedb..ddf82ef4a 100644
--- a/provider/javascript/registry.go
+++ b/provider/javascript/registry.go
@@ -17,6 +17,16 @@ var (
 	registry = make(map[string]*otto.Otto)
 )
 
+// expose mutex to serialize VM access
+func Lock() {
+	mu.Lock()
+}
+
+// expose mutex to serialize VM access
+func Unlock() {
+	mu.Unlock()
+}
+
 // RegisteredVM returns a JS VM. If name is not empty, it will return a shared instance.
 func RegisteredVM(name, init string) (*otto.Otto, error) {
 	mu.Lock()
diff --git a/server/http.go b/server/http.go
index 313c683d7..b3e34b4ed 100644
--- a/server/http.go
+++ b/server/http.go
@@ -83,13 +83,17 @@ func (s *HTTPd) RegisterSiteHandlers(site site.API, cache *util.Cache) {
 		"state":                   {[]string{"GET"}, "/state", stateHandler(cache)},
 		"config":                  {[]string{"GET"}, "/config/templates/{class:[a-z]+}", templatesHandler},
 		"products":                {[]string{"GET"}, "/config/products/{class:[a-z]+}", productsHandler},
-		"device":                  {[]string{"GET"}, "/config/devices/{class:[a-z]+}/{id:[0-9.]+}", deviceHandler},
 		"devices":                 {[]string{"GET"}, "/config/devices/{class:[a-z]+}", devicesHandler},
+		"device":                  {[]string{"GET"}, "/config/devices/{class:[a-z]+}/{id:[0-9.]+}", deviceConfigHandler},
+		"devicestatus":            {[]string{"GET"}, "/config/devices/{class:[a-z]+}/{name:[a-zA-Z0-9_.:-]+}/status", deviceStatusHandler},
+		"site":                    {[]string{"GET"}, "/config/site", siteHandler(site)},
+		"dirty":                   {[]string{"GET"}, "/config/dirty", boolGetHandler(ConfigDirty)},
+		"updatesite":              {[]string{"PUT", "OPTIONS"}, "/config/site", updateSiteHandler(site)},
 		"newdevice":               {[]string{"POST", "OPTIONS"}, "/config/devices/{class:[a-z]+}", newDeviceHandler},
 		"updatedevice":            {[]string{"PUT", "OPTIONS"}, "/config/devices/{class:[a-z]+}/{id:[0-9.]+}", updateDeviceHandler},
 		"deletedevice":            {[]string{"DELETE", "OPTIONS"}, "/config/devices/{class:[a-z]+}/{id:[0-9.]+}", deleteDeviceHandler},
-		"testconfig":              {[]string{"POST", "OPTIONS"}, "/config/test/{class:[a-z]+}", testHandler},
-		"testdevice":              {[]string{"POST", "OPTIONS"}, "/config/test/{class:[a-z]+}/{id:[0-9.]+}", testHandler},
+		"testconfig":              {[]string{"POST", "OPTIONS"}, "/config/test/{class:[a-z]+}", testConfigHandler},
+		"testmerged":              {[]string{"POST", "OPTIONS"}, "/config/test/{class:[a-z]+}/merge/{id:[0-9.]+}", testConfigHandler},
 		"buffersoc":               {[]string{"POST", "OPTIONS"}, "/buffersoc/{value:[0-9.]+}", floatHandler(site.SetBufferSoc, site.GetBufferSoc)},
 		"bufferstartsoc":          {[]string{"POST", "OPTIONS"}, "/bufferstartsoc/{value:[0-9.]+}", floatHandler(site.SetBufferStartSoc, site.GetBufferStartSoc)},
 		"batterydischargecontrol": {[]string{"POST", "OPTIONS"}, "/batterydischargecontrol/{value:[a-z]+}", boolHandler(site.SetBatteryDischargeControl, site.GetBatteryDischargeControl)},
@@ -98,8 +102,8 @@ func (s *HTTPd) RegisterSiteHandlers(site site.API, cache *util.Cache) {
 		"smartcost":               {[]string{"POST", "OPTIONS"}, "/smartcostlimit/{value:[-0-9.]+}", floatHandler(site.SetSmartCostLimit, site.GetSmartCostLimit)},
 		"tariff":                  {[]string{"GET"}, "/tariff/{tariff:[a-z]+}", tariffHandler(site)},
 		"sessions":                {[]string{"GET"}, "/sessions", sessionHandler},
-		"session1":                {[]string{"PUT", "OPTIONS"}, "/session/{id:[0-9]+}", updateSessionHandler},
-		"session2":                {[]string{"DELETE", "OPTIONS"}, "/session/{id:[0-9]+}", deleteSessionHandler},
+		"updatesession":           {[]string{"PUT", "OPTIONS"}, "/session/{id:[0-9]+}", updateSessionHandler},
+		"deletesession":           {[]string{"DELETE", "OPTIONS"}, "/session/{id:[0-9]+}", deleteSessionHandler},
 		"telemetry":               {[]string{"GET"}, "/settings/telemetry", boolGetHandler(telemetry.Enabled)},
 		"telemetry2":              {[]string{"POST", "OPTIONS"}, "/settings/telemetry/{value:[a-z]+}", boolHandler(telemetry.Enable, telemetry.Enabled)},
 	}
diff --git a/server/http_config_handler.go b/server/http_config_device_handler.go
similarity index 75%
rename from server/http_config_handler.go
rename to server/http_config_device_handler.go
index 6495d50f7..74e09c9b9 100644
--- a/server/http_config_handler.go
+++ b/server/http_config_device_handler.go
@@ -4,11 +4,8 @@ import (
 	"encoding/json"
 	"errors"
 	"net/http"
-	"slices"
 	"strconv"
-	"strings"
 
-	"github.com/evcc-io/evcc/api"
 	"github.com/evcc-io/evcc/charger"
 	"github.com/evcc-io/evcc/meter"
 	"github.com/evcc-io/evcc/util/config"
@@ -17,145 +14,6 @@ import (
 	"github.com/gorilla/mux"
 )
 
-const (
-	// typeTemplate is the updatable configuration type
-	typeTemplate = "template"
-
-	// masked indicates a masked config parameter value
-	masked = "***"
-)
-
-// templatesHandler returns the list of templates by class
-func templatesHandler(w http.ResponseWriter, r *http.Request) {
-	vars := mux.Vars(r)
-
-	class, err := templates.ClassString(vars["class"])
-	if err != nil {
-		jsonError(w, http.StatusBadRequest, err)
-		return
-	}
-
-	lang := r.URL.Query().Get("lang")
-	templates.EncoderLanguage(lang)
-
-	if name := r.URL.Query().Get("name"); name != "" {
-		res, err := templates.ByName(class, name)
-		if err != nil {
-			jsonError(w, http.StatusBadRequest, err)
-			return
-		}
-
-		jsonResult(w, res)
-		return
-	}
-
-	jsonResult(w, templates.ByClass(class))
-}
-
-// productsHandler returns the list of products by class
-func productsHandler(w http.ResponseWriter, r *http.Request) {
-	vars := mux.Vars(r)
-
-	class, err := templates.ClassString(vars["class"])
-	if err != nil {
-		jsonError(w, http.StatusBadRequest, err)
-		return
-	}
-
-	tmpl := templates.ByClass(class)
-	lang := r.URL.Query().Get("lang")
-
-	res := make(products, 0)
-	for _, t := range tmpl {
-		for _, p := range t.Products {
-			res = append(res, product{
-				Name:     p.Title(lang),
-				Template: t.TemplateDefinition.Template,
-				Group:    t.Group,
-			})
-		}
-	}
-
-	slices.SortFunc(res, func(a, b product) int {
-		return strings.Compare(strings.ToLower(a.Name), strings.ToLower(b.Name))
-	})
-
-	jsonResult(w, res)
-}
-
-func deviceConfigMap[T any](class templates.Class, dev config.Device[T]) (map[string]any, error) {
-	conf := dev.Config()
-
-	dc := map[string]any{
-		"name": conf.Name,
-		"type": conf.Type,
-	}
-
-	if configurable, ok := dev.(config.ConfigurableDevice[T]); ok {
-		// from database
-		params, err := sanitizeMasked(class, conf.Other)
-		if err != nil {
-			return nil, err
-		}
-
-		dc["id"] = configurable.ID()
-		dc["config"] = params
-	} else if title := conf.Other["title"]; title != nil {
-		// from yaml- add title only
-		if s, ok := title.(string); ok {
-			dc["config"] = map[string]any{"title": s}
-		}
-	}
-
-	return dc, nil
-}
-
-func deviceConfig[T any](class templates.Class, id int, h config.Handler[T]) (map[string]any, error) {
-	dev, err := h.ByName(config.NameForID(id))
-	if err != nil {
-		return nil, err
-	}
-
-	return deviceConfigMap(class, dev)
-}
-
-// deviceHandler returns a device configuration by class
-func deviceHandler(w http.ResponseWriter, r *http.Request) {
-	vars := mux.Vars(r)
-
-	class, err := templates.ClassString(vars["class"])
-	if err != nil {
-		jsonError(w, http.StatusBadRequest, err)
-		return
-	}
-
-	id, err := strconv.Atoi(vars["id"])
-	if err != nil {
-		jsonError(w, http.StatusBadRequest, err)
-		return
-	}
-
-	var res map[string]any
-
-	switch class {
-	case templates.Meter:
-		res, err = deviceConfig(class, id, config.Meters())
-
-	case templates.Charger:
-		res, err = deviceConfig(class, id, config.Chargers())
-
-	case templates.Vehicle:
-		res, err = deviceConfig(class, id, config.Vehicles())
-	}
-
-	if err != nil {
-		jsonError(w, http.StatusBadRequest, err)
-		return
-	}
-
-	jsonResult(w, res)
-}
-
 func devicesConfig[T any](class templates.Class, h config.Handler[T]) ([]map[string]any, error) {
 	var res []map[string]any
 
@@ -202,6 +60,122 @@ func devicesHandler(w http.ResponseWriter, r *http.Request) {
 	jsonResult(w, res)
 }
 
+func deviceConfigMap[T any](class templates.Class, dev config.Device[T]) (map[string]any, error) {
+	conf := dev.Config()
+
+	dc := map[string]any{
+		"name": conf.Name,
+		"type": conf.Type,
+	}
+
+	if configurable, ok := dev.(config.ConfigurableDevice[T]); ok {
+		// from database
+		params, err := sanitizeMasked(class, conf.Other)
+		if err != nil {
+			return nil, err
+		}
+
+		dc["id"] = configurable.ID()
+		dc["config"] = params
+	} else if title := conf.Other["title"]; title != nil {
+		// from yaml- add title only
+		if s, ok := title.(string); ok {
+			dc["config"] = map[string]any{"title": s}
+		}
+	}
+
+	return dc, nil
+}
+
+func deviceConfig[T any](class templates.Class, id int, h config.Handler[T]) (map[string]any, error) {
+	dev, err := h.ByName(config.NameForID(id))
+	if err != nil {
+		return nil, err
+	}
+
+	return deviceConfigMap(class, dev)
+}
+
+// deviceConfigHandler returns a device configuration by class
+func deviceConfigHandler(w http.ResponseWriter, r *http.Request) {
+	vars := mux.Vars(r)
+
+	class, err := templates.ClassString(vars["class"])
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, err)
+		return
+	}
+
+	id, err := strconv.Atoi(vars["id"])
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, err)
+		return
+	}
+
+	var res map[string]any
+
+	switch class {
+	case templates.Meter:
+		res, err = deviceConfig(class, id, config.Meters())
+
+	case templates.Charger:
+		res, err = deviceConfig(class, id, config.Chargers())
+
+	case templates.Vehicle:
+		res, err = deviceConfig(class, id, config.Vehicles())
+	}
+
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, err)
+		return
+	}
+
+	jsonResult(w, res)
+}
+
+func deviceStatus[T any](name string, h config.Handler[T]) (T, error) {
+	dev, err := h.ByName(name)
+	if err != nil {
+		var zero T
+		return zero, err
+	}
+
+	return dev.Instance(), nil
+}
+
+// deviceStatusHandler returns a device configuration by class
+func deviceStatusHandler(w http.ResponseWriter, r *http.Request) {
+	vars := mux.Vars(r)
+
+	class, err := templates.ClassString(vars["class"])
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, err)
+		return
+	}
+
+	name := vars["name"]
+
+	var instance any
+
+	switch class {
+	case templates.Meter:
+		instance, err = deviceStatus(name, config.Meters())
+
+	case templates.Charger:
+		instance, err = deviceStatus(name, config.Chargers())
+
+	case templates.Vehicle:
+		instance, err = deviceStatus(name, config.Vehicles())
+	}
+
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, err)
+		return
+	}
+
+	jsonResult(w, testInstance(instance))
+}
+
 func newDevice[T any](class templates.Class, req map[string]any, newFromConf func(string, map[string]any) (T, error), h config.Handler[T]) (*config.Config, error) {
 	instance, err := newFromConf(typeTemplate, req)
 	if err != nil {
@@ -251,17 +225,21 @@ func newDeviceHandler(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
+	setConfigDirty()
+
 	res := struct {
-		ID int `json:"id"`
+		ID   int    `json:"id"`
+		Name string `json:"name"`
 	}{
-		ID: conf.ID,
+		ID:   conf.ID,
+		Name: config.NameForID(conf.ID),
 	}
 
 	jsonResult(w, res)
 }
 
 func updateDevice[T any](id int, class templates.Class, conf map[string]any, newFromConf func(string, map[string]any) (T, error), h config.Handler[T]) error {
-	dev, instance, err := deviceInstanceFromMergedConfig(id, class, conf, newFromConf, h)
+	dev, instance, merged, err := deviceInstanceFromMergedConfig(id, class, conf, newFromConf, h)
 	if err != nil {
 		return err
 	}
@@ -271,7 +249,7 @@ func updateDevice[T any](id int, class templates.Class, conf map[string]any, new
 		return errors.New("not configurable")
 	}
 
-	return configurable.Update(conf, instance)
+	return configurable.Update(merged, instance)
 }
 
 // updateDeviceHandler updates database device's configuration by class
@@ -308,6 +286,8 @@ func updateDeviceHandler(w http.ResponseWriter, r *http.Request) {
 		err = updateDevice(id, class, req, vehicle.NewFromConfig, config.Vehicles())
 	}
 
+	setConfigDirty()
+
 	if err != nil {
 		jsonError(w, http.StatusBadRequest, err)
 		return
@@ -369,6 +349,8 @@ func deleteDeviceHandler(w http.ResponseWriter, r *http.Request) {
 		err = deleteDevice(id, config.Vehicles())
 	}
 
+	setConfigDirty()
+
 	if err != nil {
 		jsonError(w, http.StatusBadRequest, err)
 		return
@@ -383,18 +365,18 @@ func deleteDeviceHandler(w http.ResponseWriter, r *http.Request) {
 	jsonResult(w, res)
 }
 
-func testDevice[T any](id int, class templates.Class, conf map[string]any, newFromConf func(string, map[string]any) (T, error), h config.Handler[T]) (T, error) {
+func testConfig[T any](id int, class templates.Class, conf map[string]any, newFromConf func(string, map[string]any) (T, error), h config.Handler[T]) (T, error) {
 	if id == 0 {
 		return newFromConf(typeTemplate, conf)
 	}
 
-	_, instance, err := deviceInstanceFromMergedConfig(id, class, conf, newFromConf, h)
+	_, instance, _, err := deviceInstanceFromMergedConfig(id, class, conf, newFromConf, h)
 
 	return instance, err
 }
 
-// testHandler tests a configuration by class
-func testHandler(w http.ResponseWriter, r *http.Request) {
+// testConfigHandler tests a configuration by class
+func testConfigHandler(w http.ResponseWriter, r *http.Request) {
 	vars := mux.Vars(r)
 
 	class, err := templates.ClassString(vars["class"])
@@ -424,13 +406,13 @@ func testHandler(w http.ResponseWriter, r *http.Request) {
 
 	switch class {
 	case templates.Charger:
-		instance, err = testDevice(id, class, req, charger.NewFromConfig, config.Chargers())
+		instance, err = testConfig(id, class, req, charger.NewFromConfig, config.Chargers())
 
 	case templates.Meter:
-		instance, err = testDevice(id, class, req, meter.NewFromConfig, config.Meters())
+		instance, err = testConfig(id, class, req, meter.NewFromConfig, config.Meters())
 
 	case templates.Vehicle:
-		instance, err = testDevice(id, class, req, vehicle.NewFromConfig, config.Vehicles())
+		instance, err = testConfig(id, class, req, vehicle.NewFromConfig, config.Vehicles())
 	}
 
 	if err != nil {
@@ -438,27 +420,5 @@ func testHandler(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	type result = struct {
-		Value any   `json:"value"`
-		Error error `json:"error"`
-	}
-
-	res := make(map[string]result)
-
-	if dev, ok := instance.(api.Meter); ok {
-		val, err := dev.CurrentPower()
-		res["CurrentPower"] = result{val, err}
-	}
-
-	if dev, ok := instance.(api.MeterEnergy); ok {
-		val, err := dev.TotalEnergy()
-		res["TotalEnergy"] = result{val, err}
-	}
-
-	if dev, ok := instance.(api.Battery); ok {
-		val, err := dev.Soc()
-		res["Soc"] = result{val, err}
-	}
-
-	jsonResult(w, res)
+	jsonResult(w, testInstance(instance))
 }
diff --git a/server/http_config_helper.go b/server/http_config_helper.go
index f530d71b5..936cc3fc3 100644
--- a/server/http_config_helper.go
+++ b/server/http_config_helper.go
@@ -2,11 +2,42 @@ package server
 
 import (
 	"errors"
+	"sync"
 
+	"github.com/evcc-io/evcc/api"
 	"github.com/evcc-io/evcc/util/config"
 	"github.com/evcc-io/evcc/util/templates"
 )
 
+const (
+	// typeTemplate is the updatable configuration type
+	typeTemplate = "template"
+
+	// masked indicates a masked config parameter value
+	masked = "***"
+)
+
+var (
+	dirty bool
+	mu    sync.Mutex
+)
+
+// ConfigDirty returns the dirty flag
+func ConfigDirty() bool {
+	mu.Lock()
+	defer mu.Unlock()
+
+	return dirty
+}
+
+// setConfigDirty sets the dirty flag indicating that a restart is required
+func setConfigDirty() {
+	mu.Lock()
+	defer mu.Unlock()
+
+	dirty = true
+}
+
 func templateForConfig(class templates.Class, conf map[string]any) (templates.Template, error) {
 	typ, ok := conf[typeTemplate].(string)
 	if !ok {
@@ -54,20 +85,106 @@ func mergeMasked(class templates.Class, conf, old map[string]any) (map[string]an
 	return res, nil
 }
 
-func deviceInstanceFromMergedConfig[T any](id int, class templates.Class, conf map[string]any, newFromConf func(string, map[string]any) (T, error), h config.Handler[T]) (config.Device[T], T, error) {
+func deviceInstanceFromMergedConfig[T any](id int, class templates.Class, conf map[string]any, newFromConf func(string, map[string]any) (T, error), h config.Handler[T]) (config.Device[T], T, map[string]any, error) {
 	var zero T
 
 	dev, err := h.ByName(config.NameForID(id))
 	if err != nil {
-		return nil, zero, err
+		return nil, zero, nil, err
 	}
 
 	merged, err := mergeMasked(class, conf, dev.Config().Other)
 	if err != nil {
-		return nil, zero, err
+		return nil, zero, nil, err
 	}
 
 	instance, err := newFromConf(typeTemplate, merged)
 
-	return dev, instance, err
+	return dev, instance, merged, err
+}
+
+type testResult = struct {
+	Value any    `json:"value"`
+	Error string `json:"error"`
+}
+
+// testInstance tests the given instance similar to dump
+// TODO refactor together with dump
+func testInstance(instance any) map[string]testResult {
+	res := make(map[string]testResult)
+
+	makeResult := func(val any, err error) testResult {
+		res := testResult{Value: val}
+		if err != nil {
+			res.Error = err.Error()
+		}
+		return res
+	}
+
+	if dev, ok := instance.(api.Meter); ok {
+		val, err := dev.CurrentPower()
+		res["power"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.MeterEnergy); ok {
+		val, err := dev.TotalEnergy()
+		res["energy"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.Battery); ok {
+		val, err := dev.Soc()
+		res["soc"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.VehicleOdometer); ok {
+		val, err := dev.Odometer()
+		res["odometer"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.BatteryCapacity); ok {
+		val := dev.Capacity()
+		res["capacity"] = makeResult(val, nil)
+	}
+
+	if dev, ok := instance.(api.PhaseCurrents); ok {
+		i1, i2, i3, err := dev.Currents()
+		res["phaseCurrents"] = makeResult([]float64{i1, i2, i3}, err)
+	}
+
+	if dev, ok := instance.(api.PhaseVoltages); ok {
+		u1, u2, u3, err := dev.Voltages()
+		res["phaseVoltages"] = makeResult([]float64{u1, u2, u3}, err)
+	}
+
+	if dev, ok := instance.(api.PhasePowers); ok {
+		p1, p2, p3, err := dev.Powers()
+		res["phasePowers"] = makeResult([]float64{p1, p2, p3}, err)
+	}
+
+	if dev, ok := instance.(api.ChargeState); ok {
+		val, err := dev.Status()
+		res["chargeStatus"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.Charger); ok {
+		val, err := dev.Enabled()
+		res["enabled"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.ChargeRater); ok {
+		val, err := dev.ChargedEnergy()
+		res["chargedEnergy"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.VehicleRange); ok {
+		val, err := dev.Range()
+		res["range"] = makeResult(val, err)
+	}
+
+	if dev, ok := instance.(api.SocLimiter); ok {
+		val, err := dev.TargetSoc()
+		res["socLimit"] = makeResult(val, err)
+	}
+
+	return res
 }
diff --git a/server/http_config_metadata_handler.go b/server/http_config_metadata_handler.go
new file mode 100644
index 000000000..b47c320b9
--- /dev/null
+++ b/server/http_config_metadata_handler.go
@@ -0,0 +1,82 @@
+package server
+
+import (
+	"net/http"
+	"slices"
+	"strings"
+
+	"github.com/evcc-io/evcc/util/templates"
+	"github.com/gorilla/mux"
+)
+
+// templatesHandler returns the list of templates by class
+func templatesHandler(w http.ResponseWriter, r *http.Request) {
+	vars := mux.Vars(r)
+
+	class, err := templates.ClassString(vars["class"])
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, err)
+		return
+	}
+
+	lang := r.URL.Query().Get("lang")
+	templates.EncoderLanguage(lang)
+
+	if name := r.URL.Query().Get("name"); name != "" {
+		res, err := templates.ByName(class, name)
+		if err != nil {
+			jsonError(w, http.StatusBadRequest, err)
+			return
+		}
+
+		jsonResult(w, res)
+		return
+	}
+
+	jsonResult(w, templates.ByClass(class))
+}
+
+// productsHandler returns the list of products by class
+func productsHandler(w http.ResponseWriter, r *http.Request) {
+	vars := mux.Vars(r)
+
+	class, err := templates.ClassString(vars["class"])
+	if err != nil {
+		jsonError(w, http.StatusBadRequest, err)
+		return
+	}
+
+	tmpl := templates.ByClass(class)
+	lang := r.URL.Query().Get("lang")
+	usage := r.URL.Query().Get("usage")
+
+	res := make(products, 0)
+	for _, t := range tmpl {
+		// if usage filter is specified, only include templates with matching usage
+		includeUsage := usage == ""
+		if !includeUsage {
+			for _, u := range t.Usages() {
+				if u == usage {
+					includeUsage = true
+					break
+				}
+			}
+		}
+
+		if includeUsage {
+			for _, p := range t.Products {
+				res = append(res, product{
+					Name:     p.Title(lang),
+					Template: t.TemplateDefinition.Template,
+					Group:    t.Group,
+				})
+			}
+		}
+	}
+
+	slices.SortFunc(res, func(a, b product) int {
+		return strings.Compare(strings.ToLower(a.Name), strings.ToLower(b.Name))
+	})
+
+	jsonResult(w, res)
+}
diff --git a/server/http_config_site_handler.go b/server/http_config_site_handler.go
new file mode 100644
index 000000000..eb3b0a220
--- /dev/null
+++ b/server/http_config_site_handler.go
@@ -0,0 +1,89 @@
+package server
+
+import (
+	"encoding/json"
+	"net/http"
+
+	"github.com/evcc-io/evcc/core/site"
+	"github.com/evcc-io/evcc/util/config"
+)
+
+// siteHandler returns a device configurations by class
+func siteHandler(site site.API) http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		res := struct {
+			Title   string   `json:"title"`
+			Grid    string   `json:"grid"`
+			PV      []string `json:"pv"`
+			Battery []string `json:"battery"`
+		}{
+			Title:   site.GetTitle(),
+			Grid:    site.GetGridMeterRef(),
+			PV:      site.GetPVMeterRefs(),
+			Battery: site.GetBatteryMeterRefs(),
+		}
+
+		jsonResult(w, res)
+	}
+}
+
+func validateRefs(w http.ResponseWriter, refs []string) bool {
+	for _, m := range refs {
+		if _, err := config.Meters().ByName(m); err != nil {
+			jsonError(w, http.StatusBadRequest, err)
+			return false
+		}
+	}
+	return true
+}
+
+// siteHandler returns a device configurations by class
+func updateSiteHandler(site site.API) http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		var payload struct {
+			Title   *string
+			Grid    *string
+			PV      *[]string
+			Battery *[]string
+		}
+
+		if err := json.NewDecoder(r.Body).Decode(&payload); err != nil {
+			jsonError(w, http.StatusBadRequest, err)
+			return
+		}
+
+		if payload.Title != nil {
+			site.SetTitle(*payload.Title)
+		}
+
+		if payload.Grid != nil {
+			if *payload.Grid != "" && !validateRefs(w, []string{*payload.Grid}) {
+				return
+			}
+
+			site.SetGridMeterRef(*payload.Grid)
+			setConfigDirty()
+		}
+
+		if payload.PV != nil {
+			if !validateRefs(w, *payload.PV) {
+				return
+			}
+
+			site.SetPVMeterRefs(*payload.PV)
+			setConfigDirty()
+		}
+
+		if payload.Battery != nil {
+			if !validateRefs(w, *payload.Battery) {
+				return
+			}
+
+			site.SetBatteryMeterRefs(*payload.Battery)
+			setConfigDirty()
+		}
+
+		status := map[bool]int{false: http.StatusOK, true: http.StatusAccepted}
+		w.WriteHeader(status[ConfigDirty()])
+	}
+}
diff --git a/server/http_session_handler.go b/server/http_session_handler.go
index 9d3cf2b3f..6d95e5639 100644
--- a/server/http_session_handler.go
+++ b/server/http_session_handler.go
@@ -120,7 +120,10 @@ func updateSessionHandler(w http.ResponseWriter, r *http.Request) {
 	vars := mux.Vars(r)
 	id := vars["id"]
 
-	var session map[string]any
+	var session struct {
+		Vehicle string
+	}
+
 	if err := json.NewDecoder(r.Body).Decode(&session); err != nil {
 		jsonError(w, http.StatusBadRequest, err)
 		return
diff --git a/server/http_site_handler.go b/server/http_site_handler.go
index ca615038b..aa2e99beb 100644
--- a/server/http_site_handler.go
+++ b/server/http_site_handler.go
@@ -35,7 +35,7 @@ func getPreferredLanguage(header string) string {
 }
 
 func indexHandler() http.HandlerFunc {
-	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+	return func(w http.ResponseWriter, r *http.Request) {
 		w.Header().Set("Content-Type", "text/html; charset=UTF-8")
 
 		indexTemplate, err := fs.ReadFile(assets.Web, "index.html")
@@ -60,7 +60,7 @@ func indexHandler() http.HandlerFunc {
 		}); err != nil {
 			log.ERROR.Println("httpd: failed to render main page:", err.Error())
 		}
-	})
+	}
 }
 
 // jsonHandler is a middleware that decorates responses with JSON and CORS headers
diff --git a/tests/config.spec.js b/tests/config.spec.js
index 8123aa7b9..05e6a2aa0 100644
--- a/tests/config.spec.js
+++ b/tests/config.spec.js
@@ -1,5 +1,6 @@
 const { test, expect } = require("@playwright/test");
 const { start, stop, restart, cleanRestart } = require("./evcc");
+const { startSimulator, stopSimulator, SIMULATOR_URL, SIMULATOR_HOST } = require("./simulator");
 
 const CONFIG_EMPTY = "config-empty.evcc.yaml";
 const CONFIG_WITH_VEHICLE = "config-with-vehicle.evcc.yaml";
@@ -33,20 +34,21 @@ test.describe("vehicles", async () => {
     await page.goto("/#/config");
 
     await expect(page.getByTestId("vehicle")).toHaveCount(0);
+    const vehicleModal = page.getByTestId("vehicle-modal");
 
     // create #1
-    await page.getByRole("button", { name: "Add vehicle" }).click();
-    await page.getByLabel("Manufacturer").selectOption("Generic vehicle");
-    await page.getByLabel("Title").fill("Green Car");
-    await page.getByRole("button", { name: "Validate & save" }).click();
+    await page.getByTestId("add-vehicle").click();
+    await vehicleModal.getByLabel("Manufacturer").selectOption("Generic vehicle");
+    await vehicleModal.getByLabel("Title").fill("Green Car");
+    await vehicleModal.getByRole("button", { name: "Validate & save" }).click();
 
     await expect(page.getByTestId("vehicle")).toHaveCount(1);
 
     // create #2
-    await page.getByRole("button", { name: "Add vehicle" }).click();
-    await page.getByLabel("Manufacturer").selectOption("Generic vehicle");
-    await page.getByLabel("Title").fill("Yellow Van");
-    await page.getByRole("button", { name: "Validate & save" }).click();
+    await page.getByTestId("add-vehicle").click();
+    await vehicleModal.getByLabel("Manufacturer").selectOption("Generic vehicle");
+    await vehicleModal.getByLabel("Title").fill("Yellow Van");
+    await vehicleModal.getByRole("button", { name: "Validate & save" }).click();
 
     await expect(page.getByTestId("vehicle")).toHaveCount(2);
     await expect(page.getByTestId("vehicle").nth(0)).toHaveText(/Green Car/);
@@ -54,23 +56,23 @@ test.describe("vehicles", async () => {
 
     // edit #1
     await page.getByTestId("vehicle").nth(0).getByRole("button", { name: "edit" }).click();
-    await expect(page.getByLabel("Title")).toHaveValue("Green Car");
-    await page.getByLabel("Title").fill("Fancy Car");
-    await page.getByRole("button", { name: "Validate & save" }).click();
+    await expect(vehicleModal.getByLabel("Title")).toHaveValue("Green Car");
+    await vehicleModal.getByLabel("Title").fill("Fancy Car");
+    await vehicleModal.getByRole("button", { name: "Validate & save" }).click();
 
     await expect(page.getByTestId("vehicle")).toHaveCount(2);
     await expect(page.getByTestId("vehicle").nth(0)).toHaveText(/Fancy Car/);
 
     // delete #1
     await page.getByTestId("vehicle").nth(0).getByRole("button", { name: "edit" }).click();
-    await page.getByRole("button", { name: "Delete Vehicle" }).click();
+    await vehicleModal.getByRole("button", { name: "Delete" }).click();
 
     await expect(page.getByTestId("vehicle")).toHaveCount(1);
     await expect(page.getByTestId("vehicle").nth(0)).toHaveText(/Yellow Van/);
 
     // delete #2
     await page.getByTestId("vehicle").nth(0).getByRole("button", { name: "edit" }).click();
-    await page.getByRole("button", { name: "Delete Vehicle" }).click();
+    await vehicleModal.getByRole("button", { name: "Delete" }).click();
 
     await expect(page.getByTestId("vehicle")).toHaveCount(0);
   });
@@ -79,18 +81,20 @@ test.describe("vehicles", async () => {
     await page.goto("/#/config");
 
     await expect(page.getByTestId("vehicle")).toHaveCount(0);
+    const vehicleModal = page.getByTestId("vehicle-modal");
 
     // create #1 & #2
-    await page.getByRole("button", { name: "Add vehicle" }).click();
-    await page.getByLabel("Manufacturer").selectOption("Generic vehicle");
-    await page.getByLabel("Title").fill("Green Car");
-    await page.getByRole("button", { name: "Validate & save" }).click();
-    await page.getByRole("button", { name: "Add vehicle" }).click();
-    await page.getByLabel("Manufacturer").selectOption("Generic vehicle");
-    await page.getByLabel("Title").fill("Yellow Van");
-    await page.getByLabel("car").click();
-    await page.getByLabel("van").check();
-    await page.getByRole("button", { name: "Validate & save" }).click();
+    await page.getByTestId("add-vehicle").click();
+    await vehicleModal.getByLabel("Manufacturer").selectOption("Generic vehicle");
+    await vehicleModal.getByLabel("Title").fill("Green Car");
+    await vehicleModal.getByRole("button", { name: "Validate & save" }).click();
+
+    await page.getByTestId("add-vehicle").click();
+    await vehicleModal.getByLabel("Manufacturer").selectOption("Generic vehicle");
+    await vehicleModal.getByLabel("Title").fill("Yellow Van");
+    await vehicleModal.getByLabel("car").click();
+    await vehicleModal.getByLabel("van").check();
+    await vehicleModal.getByRole("button", { name: "Validate & save" }).click();
 
     await expect(page.getByTestId("vehicle")).toHaveCount(2);
 
@@ -109,15 +113,100 @@ test.describe("vehicles", async () => {
     await page.goto("/#/config");
 
     await expect(page.getByTestId("vehicle")).toHaveCount(1);
+    const vehicleModal = page.getByTestId("vehicle-modal");
 
     // create #1
-    await page.getByRole("button", { name: "Add vehicle" }).click();
-    await page.getByLabel("Manufacturer").selectOption("Generic vehicle");
-    await page.getByLabel("Title").fill("Green Car");
-    await page.getByRole("button", { name: "Validate & save" }).click();
+    await page.getByTestId("add-vehicle").click();
+    await vehicleModal.getByLabel("Manufacturer").selectOption("Generic vehicle");
+    await vehicleModal.getByLabel("Title").fill("Green Car");
+    await vehicleModal.getByRole("button", { name: "Validate & save" }).click();
 
     await expect(page.getByTestId("vehicle")).toHaveCount(2);
     await expect(page.getByTestId("vehicle").nth(0)).toHaveText(/YAML Bike/);
     await expect(page.getByTestId("vehicle").nth(1)).toHaveText(/Green Car/);
   });
 });
+
+test.describe("meters", async () => {
+  test.beforeAll(async () => {
+    await startSimulator();
+  });
+  test.afterAll(async () => {
+    await stopSimulator();
+  });
+
+  test("create, edit and remove battery meter", async ({ page }) => {
+    // setup test data for mock openems api
+    await page.goto(SIMULATOR_URL);
+    await page.getByLabel("Battery Power").fill("-2500");
+    await page.getByLabel("Battery SoC").fill("75");
+    await page.getByRole("button", { name: "Apply changes" }).click();
+
+    await page.goto("/#/config");
+
+    await expect(page.getByTestId("battery")).toHaveCount(0);
+
+    // create #1
+    await page.getByRole("button", { name: "Add solar or battery" }).click();
+
+    const meterModal = page.getByTestId("meter-modal");
+    await meterModal.getByRole("button", { name: "Add battery meter" }).click();
+    await meterModal.getByLabel("Manufacturer").selectOption("OpenEMS");
+    await meterModal.getByLabel("IP address or hostname").fill(SIMULATOR_HOST);
+    await expect(meterModal.getByRole("button", { name: "Validate & save" })).toBeVisible();
+    await meterModal.getByRole("link", { name: "validate" }).click();
+    await expect(meterModal.getByText("SoC: 75.0%")).toBeVisible();
+    await expect(meterModal.getByText("Power: -2.5 kW")).toBeVisible();
+    await meterModal.getByRole("button", { name: "Save" }).click();
+    await expect(page.getByTestId("battery")).toBeVisible(1);
+    await expect(page.getByTestId("battery")).toContainText("openems");
+
+    // edit #1
+    await page.getByTestId("battery").getByRole("button", { name: "edit" }).click();
+    await meterModal.getByLabel("Battery capacity in kWh").fill("20");
+    await meterModal.getByRole("button", { name: "Validate & save" }).click();
+
+    await expect(page.getByTestId("battery")).toBeVisible(1);
+    await expect(page.getByTestId("battery")).toContainText("openems");
+    await expect(page.getByTestId("battery").getByText("SoC: 75.0%")).toBeVisible();
+    await expect(page.getByTestId("battery").getByText("Power: -2.5 kW")).toBeVisible();
+    await expect(page.getByTestId("battery").getByText("Capacity: 20.0 kWh")).toBeVisible();
+
+    // restart and check in main ui
+    await restart(CONFIG_EMPTY);
+    await page.goto("/");
+    await page.getByTestId("visualization").click();
+    await expect(page.getByTestId("energyflow")).toContainText("Battery charging75%2.5 kW");
+
+    // delete #1
+    await page.goto("/#/config");
+    await page.getByTestId("battery").getByRole("button", { name: "edit" }).click();
+    await meterModal.getByRole("button", { name: "Delete" }).click();
+
+    await expect(page.getByTestId("battery")).toHaveCount(0);
+  });
+});
+
+test.describe("site", async () => {
+  test("change site title", async ({ page }) => {
+    // initial value on main ui
+    await page.goto("/");
+    await expect(page.getByRole("heading", { name: "Hello World" })).toBeVisible();
+
+    // change value in config
+    await page.goto("/#/config");
+    await page.getByLabel("Site title").fill("Whoops World");
+
+    // reset form to initial value
+    await page.getByRole("button", { name: "Cancel" }).click();
+    await expect(page.getByLabel("Site title")).toHaveValue("Hello World");
+
+    // change and save value
+    await page.getByLabel("Site title").fill("Ahoy World");
+    await page.getByRole("button", { name: "Save" }).click();
+
+    // check changed value on main ui
+    await page.getByTestId("home-link").click();
+    await expect(page.getByRole("heading", { name: "Ahoy World" })).toBeVisible();
+  });
+});
diff --git a/tests/simulator.js b/tests/simulator.js
index 394b39b40..27d91e2c2 100644
--- a/tests/simulator.js
+++ b/tests/simulator.js
@@ -2,7 +2,8 @@ import waitOn from "wait-on";
 import axios from "axios";
 import { exec } from "child_process";
 
-export const SIMULATOR_URL = "http://localhost:7072/";
+export const SIMULATOR_HOST = "localhost:7072";
+export const SIMULATOR_URL = `http://${SIMULATOR_HOST}/`;
 const HEALTH_URL = SIMULATOR_URL + "api/state";
 const SHUTDOWN_URL = SIMULATOR_URL + "api/shutdown";
 
diff --git a/tests/simulator/api.js b/tests/simulator/api.js
index 0506ecaf3..0a76b69ab 100644
--- a/tests/simulator/api.js
+++ b/tests/simulator/api.js
@@ -10,6 +10,38 @@ let state = {
   vehicles: [{ soc: 0, range: 0 }],
 };
 
+const stateApiMiddleware = (req, res, next) => {
+  if (req.method === "POST" && req.originalUrl === "/api/state") {
+    console.log("POST /api/state", req.body);
+    state = req.body;
+    res.end();
+  } else if (req.method === "POST" && req.originalUrl === "/api/shutdown") {
+    console.log("POST /api/shutdown", req.body);
+    res.end();
+    process.exit();
+  } else if (req.originalUrl === "/api/state") {
+    res.end(JSON.stringify(state));
+  } else {
+    next();
+  }
+};
+
+const openemsMiddleware = (req, res, next) => {
+  const endpoints = {
+    "/rest/channel/_sum/GridActivePower": { value: state.site.grid.power },
+    "/rest/channel/_sum/ProductionActivePower": { value: state.site.pv.power },
+    "/rest/channel/_sum/EssDischargePower": { value: state.site.battery.power },
+    "/rest/channel/_sum/EssSoc": { value: state.site.battery.soc },
+  };
+  const endpoint = endpoints[req.originalUrl];
+  if (req.method === "GET" && endpoint) {
+    console.log("GET", req.originalUrl, endpoint);
+    res.end(JSON.stringify(endpoint));
+  } else {
+    next();
+  }
+};
+
 export default () => ({
   name: "api",
   enforce: "pre",
@@ -17,21 +49,8 @@ export default () => ({
     console.log("configureServer");
     return () => {
       server.middlewares.use(bodyParser.json());
-      server.middlewares.use((req, res, next) => {
-        if (req.method === "POST" && req.originalUrl === "/api/state") {
-          console.log("POST /api/state", req.body);
-          state = req.body;
-          res.end();
-        } else if (req.method === "POST" && req.originalUrl === "/api/shutdown") {
-          console.log("POST /api/shutdown", req.body);
-          res.end();
-          process.exit();
-        } else if (req.originalUrl === "/api/state") {
-          res.end(JSON.stringify(state));
-        } else {
-          next();
-        }
-      });
+      server.middlewares.use(stateApiMiddleware);
+      server.middlewares.use(openemsMiddleware);
     };
   },
 });
diff --git a/tests/simulator/src/Simulator.vue b/tests/simulator/src/Simulator.vue
index ac63d6067..0b647c878 100644
--- a/tests/simulator/src/Simulator.vue
+++ b/tests/simulator/src/Simulator.vue
@@ -38,11 +38,11 @@
 		</div>
 
 		<div class="row">
-			<label for="gridPower" class="col-sm-6 col-form-label">Battery Power</label>
+			<label for="batteryPower" class="col-sm-6 col-form-label">Battery Power</label>
 			<div class="col-sm-6">
 				<div class="input-group mb-3">
 					<input
-						id="gridPower"
+						id="batteryPower"
 						v-model.number="state.site.battery.power"
 						type="number"
 						class="form-control"
@@ -53,11 +53,11 @@
 		</div>
 
 		<div class="row">
-			<label for="gridPower" class="col-sm-6 col-form-label">Battery SoC</label>
+			<label for="batterySoc" class="col-sm-6 col-form-label">Battery SoC</label>
 			<div class="col-sm-6">
 				<div class="input-group mb-3">
 					<input
-						id="gridPower"
+						id="batterySoc"
 						v-model.number="state.site.battery.soc"
 						type="number"
 						class="form-control"
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 000000000..01e340d3a
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "extends": "@vue/tsconfig/tsconfig.dom.json",
+    "include": [
+        "env.d.ts",
+        "assets/js/**/*",
+        "assets/js/src/**/*.vue"
+    ],
+    "compilerOptions": {
+        "composite": true,
+        "noImplicitAny": false,
+        "allowJs": true,
+        "baseUrl": ".",
+        "paths": {
+            "@/*": [
+                "./src/*"
+            ]
+        }
+    }
+}
\ No newline at end of file
diff --git a/util/templates/paramtype.go b/util/templates/paramtype.go
index cc07ce718..a024cd404 100644
--- a/util/templates/paramtype.go
+++ b/util/templates/paramtype.go
@@ -10,6 +10,10 @@ func (c *ParamType) UnmarshalText(text []byte) error {
 	return err
 }
 
+func (c ParamType) MarshalText() ([]byte, error) {
+	return []byte(c.String()), nil
+}
+
 //go:generate enumer -type ParamType -trimprefix Type
 const (
 	TypeString ParamType = iota // default type string
diff --git a/util/templates/types.go b/util/templates/types.go
index 192f6f7b6..7b861500b 100644
--- a/util/templates/types.go
+++ b/util/templates/types.go
@@ -192,10 +192,10 @@ type Param struct {
 	Requirements  Requirements `json:"-"`          // requirements for this param to be usable, only supported via Type "bool"
 
 	// TODO move somewhere else should not be part of the param definition
-	Baudrate int    `json:"-"` // device specific default for modbus RS485 baudrate
-	Comset   string `json:"-"` // device specific default for modbus RS485 comset
-	Port     int    `json:"-"` // device specific default for modbus TCPIP port
-	ID       int    `json:"-"` // device specific default for modbus ID
+	Baudrate int    `json:",omitempty"` // device specific default for modbus RS485 baudrate
+	Comset   string `json:",omitempty"` // device specific default for modbus RS485 comset
+	Port     int    `json:",omitempty"` // device specific default for modbus TCPIP port
+	ID       int    `json:",omitempty"` // device specific default for modbus ID
 }
 
 // DefaultValue returns a default or example value depending on the renderMode