diff --git a/.gitignore b/.gitignore
index f63292a08..0f043ebac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -43,5 +43,5 @@ asset-stats.html
 /playwright/.cache/
 .gitpod.yml
 /evcc.db
-
+/tsconfig.tsbuildinfo
 *storybook.log
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index dc9cabb64..7e9078b78 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -4,5 +4,6 @@
     "vitest.explorer",
     "golang.go",
     "esbenp.prettier-vscode",
+    "yoavbls.pretty-ts-errors",
   ]
 }
diff --git a/assets/js/app.js b/assets/js/app.js
index abbb32f1d..164052c78 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -22,12 +22,12 @@ const app = createApp({
     return { notifications: [], offline: false };
   },
   watch: {
-    offline: function (value) {
+    offline(value) {
       console.log(`we are ${value ? "offline" : "online"}`);
     },
   },
   methods: {
-    raise: function (msg) {
+    raise(msg) {
       if (this.offline) return;
       if (!msg.level) msg.level = "error";
       const now = new Date();
@@ -46,19 +46,19 @@ const app = createApp({
         ];
       }
     },
-    clear: function () {
+    clear() {
       this.notifications = [];
     },
-    setOnline: function () {
+    setOnline() {
       this.offline = false;
       sendToApp({ type: "online" });
     },
-    setOffline: function () {
+    setOffline() {
       this.offline = true;
       sendToApp({ type: "offline" });
     },
   },
-  render: function () {
+  render() {
     return h(App, { notifications: this.notifications, offline: this.offline });
   },
 });
diff --git a/assets/js/colors.js b/assets/js/colors.js
deleted file mode 100644
index 25f2be076..000000000
--- a/assets/js/colors.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import { reactive } from "vue";
-
-// alternatives
-// const COLORS = [ "#40916C", "#52B788", "#74C69D", "#95D5B2", "#B7E4C7", "#D8F3DC", "#081C15", "#1B4332", "#2D6A4F"];
-// const COLORS = ["#577590", "#43AA8B", "#90BE6D", "#F9C74F", "#F8961E", "#F3722C", "#F94144"];
-// const COLORS = ["#0077b6", "#00b4d8", "#90e0ef", "#caf0f8", "#03045e"];
-// const COLORS = [ "#0077B6FF", "#0096C7FF", "#00B4D8FF", "#48CAE4FF", "#90E0EFFF", "#ADE8F4FF", "#CAF0F8FF", "#03045EFF", "#023E8AFF",
-// const COLORS = [ "#0077B6FF", "#00B4D8FF", "#90E0EFFF", "#40A578FF", "#9DDE8BFF", "#F8961EFF", "#F9C74FFF", "#E6FF94FF"];
-
-const colors = reactive({
-  text: null,
-  muted: null,
-  border: null,
-  self: null,
-  grid: null,
-  co2PerKWh: null,
-  pricePerKWh: null,
-  price: null,
-  co2: null,
-  background: null,
-  light: null,
-  selfPalette: ["#0FDE41FF", "#FFBD2FFF", "#FD6158FF", "#03C1EFFF", "#0F662DFF", "#FF922EFF"],
-  palette: [
-    "#03C1EFFF",
-    "#FD6158FF",
-    "#31AB4AFF",
-    "#41517AFF",
-    "#FF922EFF",
-    "#0F662DFF",
-    "#0470D4FF",
-    "#FFBD2FFF",
-    "#77C93EFF",
-    "#4E1D10FF",
-    "#0AAFBFFF",
-    "#813504FF",
-  ],
-});
-
-export const dimColor = (color) => {
-  return color.toLowerCase().replace(/ff$/, "20");
-};
-
-export const lighterColor = (color) => {
-  return color.toLowerCase().replace(/ff$/, "aa");
-};
-
-export const fullColor = (color) => {
-  return color.toLowerCase().replace(/20$/, "ff");
-};
-
-function updateCssColors() {
-  const style = window.getComputedStyle(document.documentElement);
-  colors.text = style.getPropertyValue("--evcc-default-text");
-  colors.muted = style.getPropertyValue("--bs-gray-medium");
-  colors.border = style.getPropertyValue("--bs-border-color-translucent");
-  colors.self = style.getPropertyValue("--evcc-self");
-  colors.grid = style.getPropertyValue("--evcc-grid");
-  colors.price = style.getPropertyValue("--evcc-price");
-  colors.co2 = style.getPropertyValue("--evcc-co2");
-  colors.background = style.getPropertyValue("--evcc-background");
-  colors.pricePerKWh = style.getPropertyValue("--bs-gray-medium");
-  colors.co2PerKWh = style.getPropertyValue("--bs-gray-medium");
-  colors.light = style.getPropertyValue("--bs-gray-light");
-}
-
-// update colors on theme change
-const darkModeMatcher = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
-if (darkModeMatcher && darkModeMatcher.addEventListener) {
-  darkModeMatcher.addEventListener("change", updateCssColors);
-}
-// initialize colors
-updateCssColors();
-window.requestAnimationFrame(updateCssColors);
-
-export default colors;
diff --git a/assets/js/colors.ts b/assets/js/colors.ts
new file mode 100644
index 000000000..649598ae9
--- /dev/null
+++ b/assets/js/colors.ts
@@ -0,0 +1,89 @@
+import { reactive } from "vue";
+
+// alternatives
+// const COLORS = [ "#40916C", "#52B788", "#74C69D", "#95D5B2", "#B7E4C7", "#D8F3DC", "#081C15", "#1B4332", "#2D6A4F"];
+// const COLORS = ["#577590", "#43AA8B", "#90BE6D", "#F9C74F", "#F8961E", "#F3722C", "#F94144"];
+// const COLORS = ["#0077b6", "#00b4d8", "#90e0ef", "#caf0f8", "#03045e"];
+// const COLORS = [ "#0077B6FF", "#0096C7FF", "#00B4D8FF", "#48CAE4FF", "#90E0EFFF", "#ADE8F4FF", "#CAF0F8FF", "#03045EFF", "#023E8AFF",
+// const COLORS = [ "#0077B6FF", "#00B4D8FF", "#90E0EFFF", "#40A578FF", "#9DDE8BFF", "#F8961EFF", "#F9C74FFF", "#E6FF94FF"];
+
+const colors: {
+	text: string | null;
+	muted: string | null;
+	border: string | null;
+	self: string | null;
+	grid: string | null;
+	co2PerKWh: string | null;
+	pricePerKWh: string | null;
+	price: string | null;
+	co2: string | null;
+	background: string | null;
+	light: string | null;
+	selfPalette: string[];
+	palette: string[];
+} = reactive({
+	text: null,
+	muted: null,
+	border: null,
+	self: null,
+	grid: null,
+	co2PerKWh: null,
+	pricePerKWh: null,
+	price: null,
+	co2: null,
+	background: null,
+	light: null,
+	selfPalette: ["#0FDE41FF", "#FFBD2FFF", "#FD6158FF", "#03C1EFFF", "#0F662DFF", "#FF922EFF"],
+	palette: [
+		"#03C1EFFF",
+		"#FD6158FF",
+		"#31AB4AFF",
+		"#41517AFF",
+		"#FF922EFF",
+		"#0F662DFF",
+		"#0470D4FF",
+		"#FFBD2FFF",
+		"#77C93EFF",
+		"#4E1D10FF",
+		"#0AAFBFFF",
+		"#813504FF",
+	],
+});
+
+export const dimColor = (color: string | null) => {
+	return color?.toLowerCase().replace(/ff$/, "20");
+};
+
+export const lighterColor = (color: string | null) => {
+	return color?.toLowerCase().replace(/ff$/, "aa");
+};
+
+export const fullColor = (color: string | null) => {
+	return color?.toLowerCase().replace(/20$/, "ff");
+};
+
+function updateCssColors() {
+	const style = window.getComputedStyle(document.documentElement);
+	colors.text = style.getPropertyValue("--evcc-default-text");
+	colors.muted = style.getPropertyValue("--bs-gray-medium");
+	colors.border = style.getPropertyValue("--bs-border-color-translucent");
+	colors.self = style.getPropertyValue("--evcc-self");
+	colors.grid = style.getPropertyValue("--evcc-grid");
+	colors.price = style.getPropertyValue("--evcc-price");
+	colors.co2 = style.getPropertyValue("--evcc-co2");
+	colors.background = style.getPropertyValue("--evcc-background");
+	colors.pricePerKWh = style.getPropertyValue("--bs-gray-medium");
+	colors.co2PerKWh = style.getPropertyValue("--bs-gray-medium");
+	colors.light = style.getPropertyValue("--bs-gray-light");
+}
+
+// update colors on theme change
+const darkModeMatcher = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+if (darkModeMatcher && darkModeMatcher.addEventListener) {
+	darkModeMatcher.addEventListener("change", updateCssColors);
+}
+// initialize colors
+updateCssColors();
+window.requestAnimationFrame(updateCssColors);
+
+export default colors;
diff --git a/assets/js/components/Auth/PasswordModal.vue b/assets/js/components/Auth/PasswordModal.vue
index 2badc9c2f..d4b8c3fde 100644
--- a/assets/js/components/Auth/PasswordModal.vue
+++ b/assets/js/components/Auth/PasswordModal.vue
@@ -85,7 +85,7 @@
 	</GenericModal>
 </template>
 
-<script>
+<script type="js">
 import GenericModal from "../Helper/GenericModal.vue";
 import FormRow from "../Helper/FormRow.vue";
 import api from "../../api.js";
@@ -106,31 +106,31 @@ export default {
 		};
 	},
 	computed: {
-		passwordsMatch: function () {
+		passwordsMatch() {
 			return this.passwordNew === this.passwordRepeat;
 		},
-		passwordEmpty: function () {
+		passwordEmpty() {
 			return this.passwordNew.length === 0;
 		},
-		updateMode: function () {
+		updateMode() {
 			return isConfigured();
 		},
-		title: function () {
+		title() {
 			return this.updateMode
 				? this.$t("passwordModal.titleUpdate")
 				: this.$t("passwordModal.titleNew");
 		},
-		submitText: function () {
+		submitText() {
 			return this.updateMode
 				? this.$t("passwordModal.updatePassword")
 				: this.$t("passwordModal.newPassword");
 		},
 	},
 	methods: {
-		open: function () {
+		open() {
 			this.modalVisible = true;
 		},
-		closed: function () {
+		closed() {
 			this.modalVisible = false;
 			this.passwordCurrent = "";
 			this.passwordNew = "";
@@ -139,7 +139,7 @@ export default {
 			this.loading = false;
 			this.showValidation = false;
 		},
-		setPassword: async function (e) {
+		async setPassword(e) {
 			this.$refs.passwordRepeat.setCustomValidity(
 				this.passwordsMatch && !this.passwordEmpty ? "" : "invalid"
 			);
@@ -153,7 +153,7 @@ export default {
 				await updateAuthStatus();
 			}
 		},
-		savePassword: async function () {
+		async savePassword() {
 			this.loading = true;
 			this.error = null;
 			try {
diff --git a/assets/js/components/Battery/BatterySettingsModal.vue b/assets/js/components/Battery/BatterySettingsModal.vue
index 341df2bf0..f9f89050f 100644
--- a/assets/js/components/Battery/BatterySettingsModal.vue
+++ b/assets/js/components/Battery/BatterySettingsModal.vue
@@ -278,7 +278,7 @@ export default {
 		tariffGrid: Number,
 		currency: String,
 	},
-	data: function () {
+	data() {
 		return {
 			isModalVisible: false,
 			selectedBufferSoc: 100,
@@ -429,10 +429,10 @@ export default {
 				this.gridTabActive = false;
 			}
 		},
-		modalVisible: function () {
+		modalVisible() {
 			this.isModalVisible = true;
 		},
-		modalInvisible: function () {
+		modalInvisible() {
 			this.isModalVisible = false;
 		},
 		changeBufferStart($event) {
diff --git a/assets/js/components/ChargingPlans/Arrival.vue b/assets/js/components/ChargingPlans/Arrival.vue
index 93ea9f7d0..549f9a163 100644
--- a/assets/js/components/ChargingPlans/Arrival.vue
+++ b/assets/js/components/ChargingPlans/Arrival.vue
@@ -75,7 +75,7 @@ export default {
 		rangePerSoc: Number,
 	},
 	emits: ["minsoc-updated", "limitsoc-updated"],
-	data: function () {
+	data() {
 		return { selectedMinSoc: this.minSoc, selectedLimitSoc: this.limitSoc };
 	},
 	computed: {
@@ -93,27 +93,27 @@ export default {
 		},
 	},
 	watch: {
-		minSoc: function (value) {
+		minSoc(value) {
 			this.selectedMinSoc = value;
 		},
-		limitSoc: function (value) {
+		limitSoc(value) {
 			this.selectedLimitSoc = value;
 		},
 	},
 	methods: {
-		socOption: function (soc) {
+		socOption(soc) {
 			return {
 				value: soc,
 				name: soc === 0 ? "---" : this.fmtSocOption(soc, this.rangePerSoc, distanceUnit()),
 			};
 		},
-		formId: function (name) {
+		formId(name) {
 			return `chargingplan_${this.id}_${name}`;
 		},
-		changeMinSoc: function () {
+		changeMinSoc() {
 			this.$emit("minsoc-updated", this.selectedMinSoc);
 		},
-		changeLimitSoc: function () {
+		changeLimitSoc() {
 			this.$emit("limitsoc-updated", this.selectedLimitSoc);
 		},
 	},
diff --git a/assets/js/components/ChargingPlans/ChargingPlan.vue b/assets/js/components/ChargingPlans/ChargingPlan.vue
index 32c4a2578..b6cd3f5f9 100644
--- a/assets/js/components/ChargingPlans/ChargingPlan.vue
+++ b/assets/js/components/ChargingPlans/ChargingPlan.vue
@@ -147,7 +147,7 @@ export default {
 		vehicleSoc: Number,
 		vehicleLimitSoc: Number,
 	},
-	data: function () {
+	data() {
 		return {
 			modal: null,
 			isModalVisible: false,
@@ -157,7 +157,7 @@ export default {
 		};
 	},
 	computed: {
-		buttonColor: function () {
+		buttonColor() {
 			if (this.planTimeUnreachable) {
 				return "text-warning";
 			}
@@ -166,13 +166,13 @@ export default {
 			}
 			return "evcc-default-text";
 		},
-		minSoc: function () {
+		minSoc() {
 			return this.vehicle?.minSoc;
 		},
-		limitSoc: function () {
+		limitSoc() {
 			return this.vehicle?.limitSoc;
 		},
-		staticPlan: function () {
+		staticPlan() {
 			if (this.socBasedPlanning) {
 				return this.vehicle?.plan;
 			}
@@ -181,31 +181,31 @@ export default {
 			}
 			return null;
 		},
-		repeatingPlans: function () {
+		repeatingPlans() {
 			if (this.vehicle?.repeatingPlans.length > 0) {
 				return [...this.vehicle.repeatingPlans];
 			}
 			return [];
 		},
-		enabled: function () {
+		enabled() {
 			return this.effectivePlanTime;
 		},
-		modalId: function () {
+		modalId() {
 			return `chargingPlanModal_${this.id}`;
 		},
-		departureTabActive: function () {
+		departureTabActive() {
 			return this.activeTab === "departure";
 		},
-		arrivalTabActive: function () {
+		arrivalTabActive() {
 			return this.activeTab === "arrival";
 		},
-		chargingPlansSettingsProps: function () {
+		chargingPlansSettingsProps() {
 			return this.collectProps(PlansSettings);
 		},
-		chargingPlanArrival: function () {
+		chargingPlanArrival() {
 			return this.collectProps(Arrival);
 		},
-		targetSocLabel: function () {
+		targetSocLabel() {
 			if (this.socBasedPlanning) {
 				return this.fmtPercentage(this.effectivePlanSoc);
 			}
@@ -216,10 +216,10 @@ export default {
 				this.$t("main.targetEnergy.noLimit")
 			);
 		},
-		apiVehicle: function () {
+		apiVehicle() {
 			return `vehicles/${this.vehicle?.name}/`;
 		},
-		apiLoadpoint: function () {
+		apiLoadpoint() {
 			return `loadpoints/${this.id}/`;
 		},
 	},
@@ -248,7 +248,7 @@ export default {
 		clearInterval(this.interval);
 	},
 	methods: {
-		checkUnsavedOnClose: function () {
+		checkUnsavedOnClose() {
 			const $applyButton = this.$refs.modal.querySelector("[data-testid=plan-apply]");
 			if ($applyButton) {
 				if (confirm(this.$t("main.chargingPlan.unsavedChanges"))) {
@@ -256,10 +256,10 @@ export default {
 				}
 			}
 		},
-		modalVisible: function () {
+		modalVisible() {
 			this.isModalVisible = true;
 		},
-		modalInvisible: function () {
+		modalInvisible() {
 			this.isModalVisible = false;
 		},
 		openModal() {
@@ -274,18 +274,18 @@ export default {
 			}
 			this.modal.show();
 		},
-		updateTargetTimeLabel: function () {
+		updateTargetTimeLabel() {
 			if (!this.effectivePlanTime) return "";
 			const targetDate = new Date(this.effectivePlanTime);
 			this.targetTimeLabel = this.fmtAbsoluteDate(targetDate);
 		},
-		showDeatureTab: function () {
+		showDeatureTab() {
 			this.activeTab = "departure";
 		},
-		showArrivalTab: function () {
+		showArrivalTab() {
 			this.activeTab = "arrival";
 		},
-		updateStaticPlan: function ({ soc, time, energy }) {
+		updateStaticPlan({ soc, time, energy }) {
 			const timeISO = time.toISOString();
 			if (this.socBasedPlanning) {
 				api.post(`${this.apiVehicle}plan/soc/${soc}/${timeISO}`);
@@ -293,20 +293,20 @@ export default {
 				api.post(`${this.apiLoadpoint}plan/energy/${energy}/${timeISO}`);
 			}
 		},
-		removeStaticPlan: function () {
+		removeStaticPlan() {
 			if (this.socBasedPlanning) {
 				api.delete(`${this.apiVehicle}plan/soc`);
 			} else {
 				api.delete(`${this.apiLoadpoint}plan/energy`);
 			}
 		},
-		updateRepeatingPlans: function (plans) {
+		updateRepeatingPlans(plans) {
 			api.post(`${this.apiVehicle}plan/repeating`, { plans });
 		},
-		setMinSoc: function (soc) {
+		setMinSoc(soc) {
 			api.post(`${this.apiVehicle}minsoc/${soc}`);
 		},
-		setLimitSoc: function (soc) {
+		setLimitSoc(soc) {
 			api.post(`${this.apiVehicle}limitsoc/${soc}`);
 		},
 	},
diff --git a/assets/js/components/ChargingPlans/PlanRepeatingSettings.vue b/assets/js/components/ChargingPlans/PlanRepeatingSettings.vue
index 78a455369..acec9f549 100644
--- a/assets/js/components/ChargingPlans/PlanRepeatingSettings.vue
+++ b/assets/js/components/ChargingPlans/PlanRepeatingSettings.vue
@@ -159,7 +159,7 @@ export default {
 		formIdPrefix: String,
 	},
 	emits: ["updated", "removed"],
-	data: function () {
+	data() {
 		return {
 			selectedWeekdays: this.weekdays,
 			selectedTime: this.time,
@@ -168,7 +168,7 @@ export default {
 		};
 	},
 	computed: {
-		dataChanged: function () {
+		dataChanged() {
 			return (
 				!deepEqual(this.weekdays, this.selectedWeekdays) ||
 				this.time !== this.selectedTime ||
@@ -176,19 +176,19 @@ export default {
 				this.active !== this.selectedActive
 			);
 		},
-		showApply: function () {
+		showApply() {
 			return this.dataChanged && this.selectedActive;
 		},
-		weekdaysLabel: function () {
+		weekdaysLabel() {
 			return this.getShortenedWeekdaysLabel(this.selectedWeekdays);
 		},
-		socOptions: function () {
+		socOptions() {
 			// a list of entries from 5 to 100 with a step of 5
 			return Array.from(Array(20).keys())
 				.map((i) => 5 + i * 5)
 				.map(this.socOption);
 		},
-		dayOptions: function () {
+		dayOptions() {
 			return this.getWeekdaysList("long");
 		},
 	},
@@ -209,18 +209,18 @@ export default {
 		},
 	},
 	methods: {
-		changeSelectedWeekdays: function (weekdays) {
+		changeSelectedWeekdays(weekdays) {
 			this.selectedWeekdays = weekdays;
 			this.update();
 		},
-		formId: function (name) {
+		formId(name) {
 			return `${this.formIdPrefix}-${this.number}-${name}`;
 		},
-		socOption: function (value) {
+		socOption(value) {
 			const name = this.fmtSocOption(value, this.rangePerSoc, distanceUnit());
 			return { value, name };
 		},
-		update: function (forceSave = false) {
+		update(forceSave = false) {
 			const plan = {
 				weekdays: this.selectedWeekdays,
 				time: this.selectedTime,
diff --git a/assets/js/components/ChargingPlans/PlanStaticSettings.vue b/assets/js/components/ChargingPlans/PlanStaticSettings.vue
index 65feccb9e..77eef393a 100644
--- a/assets/js/components/ChargingPlans/PlanStaticSettings.vue
+++ b/assets/js/components/ChargingPlans/PlanStaticSettings.vue
@@ -173,7 +173,7 @@ export default {
 		multiplePlans: Boolean,
 	},
 	emits: ["static-plan-updated", "static-plan-removed", "plan-preview"],
-	data: function () {
+	data() {
 		return {
 			selectedDay: null,
 			selectedTime: null,
@@ -183,16 +183,16 @@ export default {
 		};
 	},
 	computed: {
-		selectedDate: function () {
+		selectedDate() {
 			return new Date(`${this.selectedDay}T${this.selectedTime || "00:00"}`);
 		},
-		socOptions: function () {
+		socOptions() {
 			// a list of entries from 5 to 100 with a step of 5
 			return Array.from(Array(20).keys())
 				.map((i) => 5 + i * 5)
 				.map(this.socOption);
 		},
-		energyOptions: function () {
+		energyOptions() {
 			const options = energyOptions(
 				0,
 				this.capacity || 100,
@@ -204,7 +204,7 @@ export default {
 			// remove the first entry (0)
 			return options.slice(1);
 		},
-		originalData: function () {
+		originalData() {
 			if (this.isNew) {
 				return {};
 			}
@@ -215,7 +215,7 @@ export default {
 				time: this.fmtTimeString(new Date(this.time)),
 			};
 		},
-		dataChanged: function () {
+		dataChanged() {
 			const dateChanged =
 				this.originalData.day != this.selectedDay ||
 				this.originalData.time != this.selectedTime;
@@ -224,10 +224,10 @@ export default {
 				: this.originalData.energy != this.selectedEnergy;
 			return dateChanged || goalChanged;
 		},
-		isNew: function () {
+		isNew() {
 			return !this.time && (!this.soc || !this.energy);
 		},
-		timeInThePast: function () {
+		timeInThePast() {
 			const now = new Date();
 			return now >= this.selectedDate;
 		},
@@ -255,14 +255,14 @@ export default {
 		this.preview();
 	},
 	methods: {
-		formId: function (name) {
+		formId(name) {
 			return `chargingplan-${this.id}-${name}`;
 		},
-		socOption: function (value) {
+		socOption(value) {
 			const name = this.fmtSocOption(value, this.rangePerSoc, distanceUnit());
 			return { value, name };
 		},
-		initInputFields: function () {
+		initInputFields() {
 			if (!this.selectedSoc) {
 				this.selectedSoc = window.localStorage[LAST_SOC_GOAL_KEY] || 100;
 			}
@@ -283,7 +283,7 @@ export default {
 			this.selectedDay = this.fmtDayString(date);
 			this.selectedTime = this.fmtTimeString(date);
 		},
-		dayOptions: function () {
+		dayOptions() {
 			const options = [];
 			const date = new Date();
 			const labels = [
@@ -305,7 +305,7 @@ export default {
 			}
 			return options;
 		},
-		update: function () {
+		update() {
 			try {
 				const hours = this.selectedDate.getHours();
 				const minutes = this.selectedDate.getMinutes();
@@ -325,7 +325,7 @@ export default {
 				energy: this.selectedEnergy,
 			});
 		},
-		preview: function (force = false) {
+		preview(force = false) {
 			if (!this.isNew && !force) {
 				return false;
 			}
@@ -335,7 +335,7 @@ export default {
 				energy: this.selectedEnergy,
 			});
 		},
-		toggle: function (e) {
+		toggle(e) {
 			const { checked } = e.target;
 			if (checked) {
 				this.update();
@@ -345,7 +345,7 @@ export default {
 			}
 			this.active = checked;
 		},
-		defaultTime: function () {
+		defaultTime() {
 			const [hours, minutes] = (
 				window.localStorage[LAST_TARGET_TIME_KEY] || DEFAULT_TARGET_TIME
 			).split(":");
diff --git a/assets/js/components/ChargingPlans/PlansRepeatingSettings.vue b/assets/js/components/ChargingPlans/PlansRepeatingSettings.vue
index 3be1eedb0..b46d68419 100644
--- a/assets/js/components/ChargingPlans/PlansRepeatingSettings.vue
+++ b/assets/js/components/ChargingPlans/PlansRepeatingSettings.vue
@@ -50,13 +50,13 @@ export default {
 	},
 	emits: ["updated"],
 	computed: {
-		formIdPrefix: function () {
+		formIdPrefix() {
 			return `chargingplan-lp${this.id}`;
 		},
 	},
 	methods: {
 		deepEqual,
-		addPlan: function () {
+		addPlan() {
 			const newPlan = {
 				weekdays: DEFAULT_WEEKDAYS,
 				time: DEFAULT_TARGET_TIME,
@@ -70,15 +70,15 @@ export default {
 			plans.push(newPlan);
 			this.updatePlans(plans);
 		},
-		updatePlan: function (index, plan) {
+		updatePlan(index, plan) {
 			const plans = [...this.plans]; // clone array
 			plans.splice(index, 1, plan);
 			this.updatePlans(plans);
 		},
-		updatePlans: function (plans) {
+		updatePlans(plans) {
 			this.$emit("updated", plans);
 		},
-		removePlan: function (index) {
+		removePlan(index) {
 			const plans = [...this.plans]; // clone array
 			plans.splice(index, 1);
 			this.updatePlans(plans);
diff --git a/assets/js/components/ChargingPlans/PlansSettings.vue b/assets/js/components/ChargingPlans/PlansSettings.vue
index 7ff35676f..9b1365e2a 100644
--- a/assets/js/components/ChargingPlans/PlansSettings.vue
+++ b/assets/js/components/ChargingPlans/PlansSettings.vue
@@ -106,7 +106,7 @@ export default {
 		planOverrun: Number,
 	},
 	emits: ["static-plan-removed", "static-plan-updated", "repeating-plans-updated"],
-	data: function () {
+	data() {
 		return {
 			staticPlanPreview: {},
 			tariff: {},
@@ -118,19 +118,19 @@ export default {
 		};
 	},
 	computed: {
-		noActivePlan: function () {
+		noActivePlan() {
 			return !this.staticPlan && this.repeatingPlans.every((plan) => !plan.active);
 		},
-		multiplePlans: function () {
+		multiplePlans() {
 			return this.repeatingPlans.length !== 0;
 		},
-		selectedPreviewPlanTitle: function () {
+		selectedPreviewPlanTitle() {
 			return this.previewPlanOptions[this.selectedPreviewId - 1]?.name;
 		},
-		chargingPlanWarningsProps: function () {
+		chargingPlanWarningsProps() {
 			return this.collectProps(Warnings);
 		},
-		chargingPlanPreviewProps: function () {
+		chargingPlanPreviewProps() {
 			const { rates } = this.tariff;
 			const { duration, plan, power, planTime } = this.plan;
 			const targetTime = planTime ? new Date(planTime) : null;
@@ -139,7 +139,7 @@ export default {
 				? { duration, plan, power, rates, targetTime, currency, smartCostType }
 				: null;
 		},
-		previewPlanOptions: function () {
+		previewPlanOptions() {
 			const name = (number) => `${this.$t("main.targetCharge.preview")} #${number}`;
 
 			// static plan
@@ -157,7 +157,7 @@ export default {
 
 			return options;
 		},
-		nextPlanTitle: function () {
+		nextPlanTitle() {
 			return `${this.$t("main.targetCharge.nextPlan")} #${this.nextPlanId}`;
 		},
 	},
@@ -169,7 +169,7 @@ export default {
 		},
 		staticPlan: {
 			deep: true,
-			handler: function (vNew, vOld) {
+			handler(vNew, vOld) {
 				if (!deepEqual(vNew, vOld)) {
 					this.fetchPlanDebounced();
 				}
@@ -177,7 +177,7 @@ export default {
 		},
 		repeatingPlans: {
 			deep: true,
-			handler: function (vNew, vOld) {
+			handler(vNew, vOld) {
 				if (!deepEqual(vNew, vOld)) {
 					this.adjustPreviewId();
 					this.fetchPlanDebounced();
@@ -189,23 +189,23 @@ export default {
 		this.fetchPlanDebounced();
 	},
 	methods: {
-		selectPreviewPlan: function (id) {
+		selectPreviewPlan(id) {
 			this.selectedPreviewId = id;
 			this.fetchPlanPreviewDebounced();
 		},
-		fetchPlanDebounced: async function () {
+		async fetchPlanDebounced() {
 			if (this.noActivePlan) {
 				await this.fetchPlanPreviewDebounced();
 			} else {
 				await this.fetchActivePlanDebounced();
 			}
 		},
-		adjustPreviewId: function () {
+		adjustPreviewId() {
 			if (this.selectedPreviewId > this.previewPlanOptions.length) {
 				this.selectedPreviewId = this.previewPlanOptions.length;
 			}
 		},
-		fetchActivePlan: async function () {
+		async fetchActivePlan() {
 			try {
 				const res = await this.apiFetchPlan(`loadpoints/${this.id}/plan`);
 				this.plan = res.data.result;
@@ -215,24 +215,24 @@ export default {
 			}
 			await this.updateTariff();
 		},
-		fetchStaticPreviewSoc: async function (soc, time) {
+		async fetchStaticPreviewSoc(soc, time) {
 			const timeISO = time.toISOString();
 			return await this.apiFetchPlan(
 				`loadpoints/${this.id}/plan/static/preview/soc/${soc}/${timeISO}`
 			);
 		},
-		fetchRepeatingPreview: async function (weekdays, soc, time, tz) {
+		async fetchRepeatingPreview(weekdays, soc, time, tz) {
 			return await this.apiFetchPlan(
 				`loadpoints/${this.id}/plan/repeating/preview/${soc}/${weekdays}/${time}/${encodeURIComponent(tz)}`
 			);
 		},
-		fetchStaticPreviewEnergy: async function (energy, time) {
+		async fetchStaticPreviewEnergy(energy, time) {
 			const timeISO = time.toISOString();
 			return await this.apiFetchPlan(
 				`loadpoints/${this.id}/plan/static/preview/energy/${energy}/${timeISO}`
 			);
 		},
-		apiFetchPlan: async function (url) {
+		async apiFetchPlan(url) {
 			try {
 				const res = await api.get(url, {
 					validateStatus: (code) => [200, 404].includes(code),
@@ -245,7 +245,7 @@ export default {
 				console.error(e);
 			}
 		},
-		fetchPreviewPlan: async function () {
+		async fetchPreviewPlan() {
 			// only show preview of no plan is active
 			if (!this.noActivePlan) return;
 
@@ -278,7 +278,7 @@ export default {
 				console.error(e);
 			}
 		},
-		updateTariff: async function () {
+		async updateTariff() {
 			// cache tariff for 5 minutes
 			if (
 				this.tariff?.lastUpdate &&
@@ -288,7 +288,7 @@ export default {
 			}
 
 			const tariffRes = await api.get(`tariff/planner`, {
-				validateStatus: function (status) {
+				validateStatus(status) {
 					return status >= 200 && status < 500;
 				},
 			});
@@ -299,7 +299,7 @@ export default {
 				this.tariff.lastUpdate = new Date();
 			}
 		},
-		fetchPlanPreviewDebounced: async function () {
+		async fetchPlanPreviewDebounced() {
 			if (!this.debounceTimer) {
 				await this.fetchPreviewPlan();
 				return;
@@ -307,7 +307,7 @@ export default {
 			clearTimeout(this.debounceTimer);
 			this.debounceTimer = setTimeout(async () => await this.fetchPreviewPlan(), 1000);
 		},
-		fetchActivePlanDebounced: async function () {
+		async fetchActivePlanDebounced() {
 			if (!this.debounceTimer) {
 				await this.fetchActivePlan();
 				return;
@@ -315,16 +315,16 @@ export default {
 			clearTimeout(this.debounceTimer);
 			this.debounceTimer = setTimeout(async () => await this.fetchActivePlan(), 1000);
 		},
-		removeStaticPlan: function (index) {
+		removeStaticPlan(index) {
 			this.$emit("static-plan-removed", index);
 		},
-		updateStaticPlan: function (data) {
+		updateStaticPlan(data) {
 			this.$emit("static-plan-updated", data);
 		},
-		updateRepeatingPlans: function (plans) {
+		updateRepeatingPlans(plans) {
 			this.$emit("repeating-plans-updated", plans);
 		},
-		previewStaticPlan: function (plan) {
+		previewStaticPlan(plan) {
 			this.staticPlanPreview = plan;
 			this.fetchPlanPreviewDebounced();
 		},
diff --git a/assets/js/components/ChargingPlans/Warnings.vue b/assets/js/components/ChargingPlans/Warnings.vue
index 9c4cbcdc8..1ab5a6eab 100644
--- a/assets/js/components/ChargingPlans/Warnings.vue
+++ b/assets/js/components/ChargingPlans/Warnings.vue
@@ -41,20 +41,20 @@ export default {
 		planOverrun: Number,
 	},
 	computed: {
-		endTime: function () {
+		endTime() {
 			if (!this.plan?.plan?.length) {
 				return null;
 			}
 			const { plan } = this.plan;
 			return plan[plan.length - 1].end;
 		},
-		overrunFmt: function () {
+		overrunFmt() {
 			if (!this.planOverrun) {
 				return "";
 			}
 			return this.fmtDuration(this.planOverrun, true, "m");
 		},
-		timeTooFarInTheFuture: function () {
+		timeTooFarInTheFuture() {
 			if (!this.effectivePlanTime) {
 				return false;
 			}
@@ -67,7 +67,7 @@ export default {
 			}
 			return false;
 		},
-		notReachableInTime: function () {
+		notReachableInTime() {
 			const { planTime } = this.plan || {};
 			if (planTime && this.endTime) {
 				const dateWanted = new Date(planTime);
@@ -77,25 +77,25 @@ export default {
 			}
 			return false;
 		},
-		targetIsAboveLimit: function () {
+		targetIsAboveLimit() {
 			if (this.socBasedPlanning) {
 				return this.effectivePlanSoc > this.effectiveLimitSoc;
 			}
 			return this.limitEnergy && this.planEnergy > this.limitEnergy;
 		},
-		targetIsAboveVehicleLimit: function () {
+		targetIsAboveVehicleLimit() {
 			if (this.socBasedPlanning) {
 				return this.effectivePlanSoc > (this.vehicleLimitSoc || 100);
 			}
 			return false;
 		},
-		limitFmt: function () {
+		limitFmt() {
 			if (this.socBasedPlanning) {
 				return this.fmtSoc(this.effectiveLimitSoc);
 			}
 			return this.fmtWh(this.limitEnergy * 1e3);
 		},
-		goalFmt: function () {
+		goalFmt() {
 			if (this.socBasedPlanning) {
 				return this.fmtSoc(this.effectivePlanSoc);
 			}
diff --git a/assets/js/components/Energyflow/Energyflow.vue b/assets/js/components/Energyflow/Energyflow.vue
index ba26b8b9d..5bfa18597 100644
--- a/assets/js/components/Energyflow/Energyflow.vue
+++ b/assets/js/components/Energyflow/Energyflow.vue
@@ -279,57 +279,57 @@ export default {
 		return { detailsOpen: false, detailsCompleteHeight: null, ready: false };
 	},
 	computed: {
-		gridImport: function () {
+		gridImport() {
 			return Math.max(0, this.gridPower);
 		},
-		pvProduction: function () {
+		pvProduction() {
 			return Math.abs(this.pvPower);
 		},
-		batteryDischarge: function () {
+		batteryDischarge() {
 			return this.dischargePower(this.batteryPower);
 		},
-		batteryCharge: function () {
+		batteryCharge() {
 			return this.chargePower(this.batteryPower);
 		},
-		batteryChargeLabel: function () {
+		batteryChargeLabel() {
 			return this.$t(`main.energyflow.battery${this.batteryHold ? "Hold" : "Charge"}`);
 		},
-		batteryDischargeLabel: function () {
+		batteryDischargeLabel() {
 			return this.$t(`main.energyflow.battery${this.batteryHold ? "Hold" : "Discharge"}`);
 		},
-		batteryHold: function () {
+		batteryHold() {
 			return this.batteryMode === "hold";
 		},
-		consumption: function () {
+		consumption() {
 			return this.homePower + this.batteryCharge + this.loadpointsPower;
 		},
-		selfPv: function () {
+		selfPv() {
 			return Math.min(this.pvProduction, this.consumption);
 		},
-		selfBattery: function () {
+		selfBattery() {
 			return Math.min(this.batteryDischarge, this.consumption - this.selfPv);
 		},
-		activeLoadpoints: function () {
+		activeLoadpoints() {
 			return this.loadpointsCompact.filter((lp) => lp.charging);
 		},
-		activeLoadpointsCount: function () {
+		activeLoadpointsCount() {
 			return this.activeLoadpoints.length;
 		},
-		vehicleIcons: function () {
+		vehicleIcons() {
 			if (this.activeLoadpointsCount > 0) {
 				return this.activeLoadpoints.map((lp) => lp.icon);
 			}
 			return ["car"];
 		},
-		loadpointsPower: function () {
+		loadpointsPower() {
 			return this.loadpointsCompact.reduce((sum, lp) => {
 				return sum + (lp.power || 0);
 			}, 0);
 		},
-		pvExport: function () {
+		pvExport() {
 			return Math.max(0, this.gridPower * -1);
 		},
-		powerUnit: function () {
+		powerUnit() {
 			const watt = Math.max(this.gridImport, this.selfPv, this.selfBattery, this.pvExport);
 			if (watt >= 1_000_000) {
 				return POWER_UNIT.MW;
@@ -339,13 +339,13 @@ export default {
 				return POWER_UNIT.W;
 			}
 		},
-		inPower: function () {
+		inPower() {
 			return this.gridImport + this.pvProduction + this.batteryDischarge;
 		},
-		outPower: function () {
+		outPower() {
 			return this.homePower + this.loadpointsPower + this.pvExport + this.batteryCharge;
 		},
-		detailsHeight: function () {
+		detailsHeight() {
 			return this.detailsOpen ? this.detailsCompleteHeight + "px" : 0;
 		},
 		pvTooltip() {
@@ -467,15 +467,15 @@ export default {
 			}
 			return `${this.fmtWh(value, POWER_UNIT.KW)}`;
 		},
-		kw: function (watt) {
+		kw(watt) {
 			return this.fmtW(watt, this.powerUnit);
 		},
-		toggleDetails: function () {
+		toggleDetails() {
 			this.updateHeight();
 			this.detailsOpen = !this.detailsOpen;
 			settings.energyflowDetails = this.detailsOpen;
 		},
-		updateHeight: function () {
+		updateHeight() {
 			this.detailsCompleteHeight = this.$refs.detailsInner.offsetHeight;
 		},
 		openBatterySettingsModal() {
diff --git a/assets/js/components/Energyflow/Entry.vue b/assets/js/components/Energyflow/Entry.vue
index c1b423d8f..82d83ff5d 100644
--- a/assets/js/components/Energyflow/Entry.vue
+++ b/assets/js/components/Energyflow/Entry.vue
@@ -73,13 +73,13 @@ export default {
 		return { powerTooltipInstance: null, detailsTooltipInstance: null };
 	},
 	computed: {
-		active: function () {
+		active() {
 			return this.power > 10;
 		},
-		isBattery: function () {
+		isBattery() {
 			return this.icon === "battery";
 		},
-		isVehicle: function () {
+		isVehicle() {
 			return this.icon === "vehicle";
 		},
 	},
@@ -101,12 +101,12 @@ export default {
 			}
 		},
 	},
-	mounted: function () {
+	mounted() {
 		this.updatePowerTooltip();
 		this.updateDetailsTooltip();
 	},
 	methods: {
-		kw: function (watt) {
+		kw(watt) {
 			return this.fmtW(watt, this.powerUnit);
 		},
 		updatePowerTooltip() {
@@ -123,7 +123,7 @@ export default {
 				this.$refs.details
 			);
 		},
-		updateTooltip: function (instance, content, ref) {
+		updateTooltip(instance, content, ref) {
 			if (!Array.isArray(content) || !content.length) {
 				if (instance) {
 					instance.dispose();
@@ -138,12 +138,12 @@ export default {
 			newInstance.setContent({ ".tooltip-inner": html });
 			return newInstance;
 		},
-		powerClicked: function ($event) {
+		powerClicked($event) {
 			if (this.powerTooltip) {
 				$event.stopPropagation();
 			}
 		},
-		detailsClicked: function ($event) {
+		detailsClicked($event) {
 			if (this.detailsClickable || this.detailsTooltip) {
 				$event.stopPropagation();
 			}
diff --git a/assets/js/components/Energyflow/Visualization.vue b/assets/js/components/Energyflow/Visualization.vue
index b0e0a36ef..d6258ae63 100644
--- a/assets/js/components/Energyflow/Visualization.vue
+++ b/assets/js/components/Energyflow/Visualization.vue
@@ -137,29 +137,29 @@ export default {
 		inPower: { type: Number, default: 0 },
 		outPower: { type: Number, default: 0 },
 	},
-	data: function () {
+	data() {
 		return { width: 0 };
 	},
 	computed: {
-		gridExport: function () {
+		gridExport() {
 			return this.applyThreshold(this.pvExport);
 		},
-		totalRaw: function () {
+		totalRaw() {
 			return this.gridImport + this.selfPv + this.selfBattery + this.pvExport;
 		},
-		gridImportAdjusted: function () {
+		gridImportAdjusted() {
 			return this.applyThreshold(this.gridImport);
 		},
-		selfPvAdjusted: function () {
+		selfPvAdjusted() {
 			return this.applyThreshold(this.selfPv);
 		},
-		selfBatteryAdjusted: function () {
+		selfBatteryAdjusted() {
 			return this.applyThreshold(this.selfBattery);
 		},
-		pvExportAdjusted: function () {
+		pvExportAdjusted() {
 			return this.applyThreshold(this.pvExport);
 		},
-		totalAdjusted: function () {
+		totalAdjusted() {
 			return (
 				this.gridImportAdjusted +
 				this.selfPvAdjusted +
@@ -167,27 +167,27 @@ export default {
 				this.pvExportAdjusted
 			);
 		},
-		unknownImport: function () {
+		unknownImport() {
 			// input/output mismatch > 10%
 			return this.applyThreshold(Math.max(0, this.outPower - this.inPower), 10);
 		},
-		unknownOutput: function () {
+		unknownOutput() {
 			// input/output mismatch > 10%
 			return this.applyThreshold(Math.max(0, this.inPower - this.outPower), 10);
 		},
-		unknownPower: function () {
+		unknownPower() {
 			if (this.unknownImport || this.unknownOutput) {
 				const total = Math.max(this.inPower, this.outPower);
 				return Math.abs(total - this.totalAdjusted);
 			}
 			return 0;
 		},
-		visualizationReady: function () {
+		visualizationReady() {
 			return this.totalAdjusted > 0 && this.width > 0;
 		},
 	},
 
-	mounted: function () {
+	mounted() {
 		this.$nextTick(function () {
 			window.addEventListener("resize", this.updateElementWidth);
 			this.updateElementWidth();
@@ -197,11 +197,11 @@ export default {
 		window.removeEventListener("resize", this.updateElementWidth);
 	},
 	methods: {
-		widthTotal: function (power) {
+		widthTotal(power) {
 			if (this.totalAdjusted === 0 || power === 0) return "0";
 			return (100 / this.totalAdjusted) * power + "%";
 		},
-		fmtBarValue: function (watt) {
+		fmtBarValue(watt) {
 			if (!this.enoughSpaceForValue(watt)) {
 				return "";
 			}
diff --git a/assets/js/components/Footer/OfflineIndicator.vue b/assets/js/components/Footer/OfflineIndicator.vue
index 0426a56d5..5cd91cb97 100644
--- a/assets/js/components/Footer/OfflineIndicator.vue
+++ b/assets/js/components/Footer/OfflineIndicator.vue
@@ -117,7 +117,7 @@ export default {
 		},
 	},
 	watch: {
-		offline: function () {
+		offline() {
 			if (!this.offline) {
 				restartComplete();
 				this.dismissed = false;
diff --git a/assets/js/components/Footer/Version.vue b/assets/js/components/Footer/Version.vue
index 43716aed0..2319c1602 100644
--- a/assets/js/components/Footer/Version.vue
+++ b/assets/js/components/Footer/Version.vue
@@ -144,17 +144,17 @@ export default {
 		uploadMessage: String,
 		uploadProgress: Number,
 	},
-	data: function () {
+	data() {
 		return {
 			updateStarted: false,
 			updateStatus: "",
 		};
 	},
 	computed: {
-		githubHashUrl: function () {
+		githubHashUrl() {
 			return `https://github.com/evcc-io/evcc/commit/${this.commit}`;
 		},
-		newVersionAvailable: function () {
+		newVersionAvailable() {
 			return (
 				this.available && // available version already computed?
 				this.installed != "[[.Version]]" && // go template parsed?
@@ -164,7 +164,7 @@ export default {
 		},
 	},
 	methods: {
-		update: async function () {
+		async update() {
 			try {
 				await api.post("update");
 				this.updateStatus = this.$t("footer.version.modalUpdateStatusStart");
@@ -173,7 +173,7 @@ export default {
 				this.updateStatus = `${this.$t("footer.version.modalUpdateStatusStart")} ${e}`;
 			}
 		},
-		releaseNotesUrl: function (version) {
+		releaseNotesUrl(version) {
 			return version == "0.0.0"
 				? `https://github.com/evcc-io/evcc/releases`
 				: `https://github.com/evcc-io/evcc/releases/tag/${version}`;
diff --git a/assets/js/components/Forecast/ActiveSlot.vue b/assets/js/components/Forecast/ActiveSlot.vue
index d902c8b63..60c4fc61a 100644
--- a/assets/js/components/Forecast/ActiveSlot.vue
+++ b/assets/js/components/Forecast/ActiveSlot.vue
@@ -11,8 +11,8 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 import type { PropType } from "vue";
-import { type PriceSlot, type TimeseriesEntry } from "../../utils/forecast.ts";
-import formatter from "../../mixins/formatter";
+import { isPriceSlot, type PriceSlot, type TimeseriesEntry } from "../../utils/forecast.ts";
+import formatter from "../../mixins/formatter.ts";
 
 export default defineComponent({
 	name: "ForecastActiveSlot",
@@ -22,25 +22,25 @@ export default defineComponent({
 	},
 	computed: {
 		isSlot() {
-			return this.activeSlot?.start && this.activeSlot?.end;
+			return this.activeSlot !== null && isPriceSlot(this.activeSlot);
 		},
 		isTimeseries() {
-			return this.activeSlot?.ts;
+			return this.activeSlot !== null && !isPriceSlot(this.activeSlot);
 		},
 		day() {
-			const startDate = new Date(this.activeSlot!.start);
+			const startDate = new Date((this.activeSlot! as PriceSlot).start);
 			return this.weekdayShort(startDate);
 		},
 		start() {
-			const startDate = new Date(this.activeSlot!.start);
+			const startDate = new Date((this.activeSlot! as PriceSlot).start);
 			return this.hourShort(startDate);
 		},
 		end() {
-			const endDate = new Date(this.activeSlot!.end);
+			const endDate = new Date((this.activeSlot! as PriceSlot).end);
 			return this.hourShort(endDate);
 		},
 		time() {
-			const time = new Date(this.activeSlot!.ts);
+			const time = new Date((this.activeSlot! as TimeseriesEntry).ts);
 			return `${this.weekdayShort(time)} ${this.hourShort(time)}`;
 		},
 	},
diff --git a/assets/js/components/Forecast/Chart.vue b/assets/js/components/Forecast/Chart.vue
index 1b3a6be03..9fd360248 100644
--- a/assets/js/components/Forecast/Chart.vue
+++ b/assets/js/components/Forecast/Chart.vue
@@ -5,6 +5,7 @@
 			@mouseleave="onMouseLeave"
 		>
 			<div style="position: relative; height: 220px" class="chart user-select-none">
+				<!-- @vue-ignore -->
 				<Bar ref="chart" :data="chartData" :options="options" />
 			</div>
 		</div>
@@ -25,12 +26,15 @@ import {
 	Tooltip,
 	PointElement,
 	Filler,
+	type ChartEvent,
+	type ActiveElement,
+	Chart,
 } from "chart.js";
-import ChartDataLabels from "chartjs-plugin-datalabels";
+import ChartDataLabels, { type Context } from "chartjs-plugin-datalabels";
 import "chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm";
 import { registerChartComponents, commonOptions } from "../Sessions/chartConfig";
-import formatter, { POWER_UNIT } from "../../mixins/formatter";
-import colors, { lighterColor } from "../../colors";
+import formatter, { POWER_UNIT } from "../../mixins/formatter.ts";
+import colors, { lighterColor } from "../../colors.ts";
 import {
 	highestSlotIndexByDay,
 	ForecastType,
@@ -38,6 +42,7 @@ import {
 	type SolarDetails,
 	type TimeseriesEntry,
 } from "../../utils/forecast.ts";
+import type { CURRENCY } from "assets/js/types/evcc.ts";
 
 registerChartComponents([
 	BarController,
@@ -61,7 +66,7 @@ export default defineComponent({
 		grid: { type: Array as PropType<PriceSlot[]> },
 		solar: { type: Object as PropType<SolarDetails> },
 		co2: { type: Array as PropType<PriceSlot[]> },
-		currency: { type: String as PropType<string> },
+		currency: { type: String as PropType<CURRENCY> },
 		selected: { type: String as PropType<ForecastType> },
 	},
 	emits: ["selected"],
@@ -130,7 +135,7 @@ export default defineComponent({
 			];
 		},
 		chartData() {
-			const datasets: unknown[] = [];
+			const datasets = [];
 			if (this.solarEntries.length > 0) {
 				const active = this.selected === ForecastType.Solar;
 				const color = active ? colors.self : colors.border;
@@ -239,13 +244,13 @@ export default defineComponent({
 				},
 				categoryPercentage: 0.7,
 				events: ["mousemove", "click", "touchstart", "touchend"],
-				onHover: function (event, active) {
+				onHover(event: ChartEvent, active: ActiveElement[], chart: Chart) {
 					if (["touchend", "click"].includes(event.type)) {
 						vThis.selectIndex(null, true);
 						return;
 					}
 					const element = active.find(({ datasetIndex }) => {
-						const { label } = event.chart.getDatasetMeta(datasetIndex);
+						const { label } = chart.getDatasetMeta(datasetIndex);
 						return label === vThis.selected;
 					});
 					vThis.selectIndex(element ? element.index : null);
@@ -253,12 +258,13 @@ export default defineComponent({
 				plugins: {
 					...commonOptions.plugins,
 					datalabels: {
-						backgroundColor: function (context) {
+						backgroundColor(context: Context) {
 							return context.dataset.borderColor;
 						},
-						align: function ({ chart, dataset, dataIndex }) {
-							const { min, max } = chart.scales.x;
-							const time = new Date(dataset.data[dataIndex].x).getTime();
+						align({ chart, dataset, dataIndex }: Context) {
+							const { min, max } = chart.scales["x"];
+							// @ts-expect-error no-explicit-any
+							const time = new Date(dataset.data[dataIndex]?.x).getTime();
 
 							// percent along the x axis (0: start, 1: end)
 							const percent = (time - min) / (max - min);
@@ -280,8 +286,9 @@ export default defineComponent({
 						},
 						anchor: "end",
 						offset: 8,
-						padding: function (context) {
+						padding(context: Context) {
 							const data = context.dataset.data[context.dataIndex];
+							// @ts-expect-error no-explicit-any
 							const x = typeof data.highlight === "number" ? 32 : 8;
 							return {
 								x,
@@ -291,23 +298,24 @@ export default defineComponent({
 						borderRadius: 4,
 						color: colors.background,
 						font: { weight: "bold" },
-						formatter: function (data, ctx) {
-							if (data.highlight) {
-								switch (ctx.dataset.label) {
+						// @ts-expect-error no-explicit-any
+						formatter(value, context: Context) {
+							if (value.highlight) {
+								switch (context.dataset.label) {
 									case ForecastType.Price:
 										return vThis.fmtPricePerKWh(
-											data.y,
+											value.y,
 											vThis.currency,
 											true,
 											true
 										);
 									case ForecastType.Co2:
-										return vThis.fmtGrams(data.y);
+										return vThis.fmtGrams(value.y);
 									case ForecastType.Solar:
-										if (data.highlight === true) {
-											return vThis.fmtW(data.y, POWER_UNIT.AUTO);
+										if (value.highlight === true) {
+											return vThis.fmtW(value.y, POWER_UNIT.AUTO);
 										} else {
-											return vThis.fmtWh(data.highlight, POWER_UNIT.AUTO);
+											return vThis.fmtWh(value.highlight, POWER_UNIT.AUTO);
 										}
 									default:
 										return null;
@@ -328,7 +336,8 @@ export default defineComponent({
 							display: true,
 							color: colors.border,
 							offset: false,
-							lineWidth: function (context) {
+							// @ts-expect-error no-explicit-any
+							lineWidth(context) {
 								if (context.type !== "tick") {
 									return 0;
 								}
@@ -345,7 +354,7 @@ export default defineComponent({
 							minRotation: 0,
 							source: "data",
 							align: "center",
-							callback: function (value) {
+							callback(value: number) {
 								const date = new Date(value);
 								const hour = date.getHours();
 								const minute = date.getMinutes();
@@ -401,7 +410,9 @@ export default defineComponent({
 		}, 1000);
 	},
 	beforeUnmount() {
-		clearTimeout(this.interval);
+		if (this.interval) {
+			clearTimeout(this.interval);
+		}
 	},
 	methods: {
 		updateStartDate() {
diff --git a/assets/js/components/Forecast/Details.vue b/assets/js/components/Forecast/Details.vue
index 6ea2756ae..d35c5a7a2 100644
--- a/assets/js/components/Forecast/Details.vue
+++ b/assets/js/components/Forecast/Details.vue
@@ -65,8 +65,9 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue";
 import { ForecastType, type PriceSlot, type SolarDetails } from "../../utils/forecast.ts";
-import formatter, { POWER_UNIT } from "../../mixins/formatter";
+import formatter, { POWER_UNIT } from "../../mixins/formatter.ts";
 import AnimatedNumber from "../Helper/AnimatedNumber.vue";
+import type { CURRENCY } from "assets/js/types/evcc.ts";
 const LOCALES_WITHOUT_DAY_AFTER_TOMORROW = ["en", "tr"];
 
 export interface Energy {
@@ -91,9 +92,9 @@ export default defineComponent({
 		grid: { type: Array as PropType<PriceSlot[]> },
 		co2: { type: Array as PropType<PriceSlot[]> },
 		solar: { type: Object as PropType<SolarDetails> },
-		currency: { type: String },
+		currency: { type: String as PropType<CURRENCY> },
 	},
-	data: function () {
+	data() {
 		return {
 			now: new Date(),
 			interval: null as ReturnType<typeof setInterval> | null,
@@ -135,11 +136,14 @@ export default defineComponent({
 			return `${this.weekdayShort(start)} ${this.hourShort(start)} – ${this.hourShort(end)}`;
 		},
 		highlightColor() {
-			const colors = {
-				[ForecastType.Price]: "text-price",
-				[ForecastType.Co2]: "text-co2",
-			};
-			return colors[this.type];
+			switch (this.type) {
+				case ForecastType.Price:
+					return "text-price";
+				case ForecastType.Co2:
+					return "text-co2";
+				default:
+					return "";
+			}
 		},
 	},
 	mounted() {
diff --git a/assets/js/components/Forecast/ForecastModal.vue b/assets/js/components/Forecast/ForecastModal.vue
index 7246088b7..0c25ae32d 100644
--- a/assets/js/components/Forecast/ForecastModal.vue
+++ b/assets/js/components/Forecast/ForecastModal.vue
@@ -65,8 +65,9 @@ import {
 	ForecastType,
 	adjustedSolar,
 } from "../../utils/forecast.ts";
-import formatter from "../../mixins/formatter";
+import formatter from "../../mixins/formatter.ts";
 import settings from "../../settings";
+import type { CURRENCY } from "assets/js/types/evcc.ts";
 export default defineComponent({
 	name: "ForecastModal",
 	components: {
@@ -79,9 +80,9 @@ export default defineComponent({
 	mixins: [formatter],
 	props: {
 		forecast: { type: Object as PropType<Forecast>, default: () => ({}) },
-		currency: { type: String },
+		currency: { type: String as PropType<CURRENCY> },
 	},
-	data: function (): {
+	data(): {
 		isModalVisible: boolean;
 		selectedType: ForecastType;
 		selectedSlot: PriceSlot | TimeseriesEntry | null;
@@ -117,7 +118,7 @@ export default defineComponent({
 		},
 	},
 	watch: {
-		isModalVisible: function (newVal) {
+		isModalVisible(newVal) {
 			if (newVal) {
 				this.updateSelectedType();
 			}
diff --git a/assets/js/components/Forecast/TypeSelect.vue b/assets/js/components/Forecast/TypeSelect.vue
index e19ba775f..de82fa974 100644
--- a/assets/js/components/Forecast/TypeSelect.vue
+++ b/assets/js/components/Forecast/TypeSelect.vue
@@ -40,9 +40,9 @@ export default defineComponent({
 		},
 		availableTypes() {
 			return {
-				[ForecastType.Solar]: !!this.forecast.solar,
-				[ForecastType.Price]: !!this.forecast.grid,
-				[ForecastType.Co2]: !!this.forecast.co2,
+				[ForecastType.Solar]: !!this.forecast["solar"],
+				[ForecastType.Price]: !!this.forecast["grid"],
+				[ForecastType.Co2]: !!this.forecast["co2"],
 			};
 		},
 		typeIcons() {
diff --git a/assets/js/components/GlobalSettings/UserInterfaceSettings.vue b/assets/js/components/GlobalSettings/UserInterfaceSettings.vue
index c5870d8f2..4af25ac19 100644
--- a/assets/js/components/GlobalSettings/UserInterfaceSettings.vue
+++ b/assets/js/components/GlobalSettings/UserInterfaceSettings.vue
@@ -97,7 +97,7 @@ export default {
 	props: {
 		sponsor: Object,
 	},
-	data: function () {
+	data() {
 		return {
 			theme: getThemePreference(),
 			language: getLocalePreference() || "",
diff --git a/assets/js/components/Helper/GenericModal.vue b/assets/js/components/Helper/GenericModal.vue
index e008c2949..fe57da932 100644
--- a/assets/js/components/Helper/GenericModal.vue
+++ b/assets/js/components/Helper/GenericModal.vue
@@ -48,7 +48,7 @@ export default {
 		size: String,
 	},
 	emits: ["open", "opened", "close", "closed"],
-	data: function () {
+	data() {
 		return {
 			isModalVisible: false,
 		};
diff --git a/assets/js/components/Loadpoints/Loadpoint.vue b/assets/js/components/Loadpoints/Loadpoint.vue
index ed7f3f0a6..366855b6d 100644
--- a/assets/js/components/Loadpoints/Loadpoint.vue
+++ b/assets/js/components/Loadpoints/Loadpoint.vue
@@ -215,70 +215,70 @@ export default {
 		};
 	},
 	computed: {
-		vehicle: function () {
+		vehicle() {
 			return this.vehicles?.find((v) => v.name === this.vehicleName);
 		},
-		vehicleTitle: function () {
+		vehicleTitle() {
 			return this.vehicle?.title;
 		},
-		loadpointTitle: function () {
+		loadpointTitle() {
 			return this.title || this.$t("main.loadpoint.fallbackName");
 		},
-		integratedDevice: function () {
+		integratedDevice() {
 			return this.chargerFeatureIntegratedDevice;
 		},
-		heating: function () {
+		heating() {
 			return this.chargerFeatureHeating;
 		},
-		phasesProps: function () {
+		phasesProps() {
 			return this.collectProps(Phases);
 		},
-		modeProps: function () {
+		modeProps() {
 			return this.collectProps(Mode);
 		},
-		sessionInfoProps: function () {
+		sessionInfoProps() {
 			return this.collectProps(SessionInfo);
 		},
-		settingsModal: function () {
+		settingsModal() {
 			return this.collectProps(SettingsModal);
 		},
-		vehicleProps: function () {
+		vehicleProps() {
 			return this.collectProps(Vehicle);
 		},
-		showChargingIndicator: function () {
+		showChargingIndicator() {
 			return this.charging && this.chargePower > 0;
 		},
-		vehicleKnown: function () {
+		vehicleKnown() {
 			return !!this.vehicleName;
 		},
-		vehicleHasSoc: function () {
+		vehicleHasSoc() {
 			return this.vehicleKnown && !this.vehicle?.features?.includes("Offline");
 		},
-		vehicleNotReachable: function () {
+		vehicleNotReachable() {
 			// online vehicle that was not reachable at startup
 			const features = this.vehicle?.features || [];
 			return features.includes("Offline") && features.includes("Retryable");
 		},
-		planTimeUnreachable: function () {
+		planTimeUnreachable() {
 			// 1 minute tolerance
 			return this.planOverrun > 60;
 		},
-		socBasedCharging: function () {
+		socBasedCharging() {
 			return this.vehicleHasSoc || this.vehicleSoc > 0;
 		},
-		socBasedPlanning: function () {
+		socBasedPlanning() {
 			return this.socBasedCharging && this.vehicle?.capacity > 0;
 		},
-		pvPossible: function () {
+		pvPossible() {
 			return this.pvConfigured || this.gridConfigured;
 		},
-		hasSmartCost: function () {
+		hasSmartCost() {
 			return smartCostAvailable(this.smartCostType);
 		},
-		batteryBoostAvailable: function () {
+		batteryBoostAvailable() {
 			return this.batteryConfigured && this.$hiddenFeatures();
 		},
-		batteryBoostActive: function () {
+		batteryBoostActive() {
 			return this.batteryBoost && this.charging && !["off", "now"].includes(this.mode);
 		},
 	},
@@ -317,25 +317,25 @@ export default {
 				this.chargeRemainingDurationInterpolated--;
 			}
 		},
-		apiPath: function (func) {
+		apiPath(func) {
 			return "loadpoints/" + this.id + "/" + func;
 		},
-		setTargetMode: function (mode) {
+		setTargetMode(mode) {
 			api.post(this.apiPath("mode") + "/" + mode);
 		},
-		setLimitSoc: function (soc) {
+		setLimitSoc(soc) {
 			api.post(this.apiPath("limitsoc") + "/" + soc);
 		},
-		setLimitEnergy: function (kWh) {
+		setLimitEnergy(kWh) {
 			api.post(this.apiPath("limitenergy") + "/" + kWh);
 		},
-		setMaxCurrent: function (maxCurrent) {
+		setMaxCurrent(maxCurrent) {
 			api.post(this.apiPath("maxcurrent") + "/" + maxCurrent);
 		},
-		setMinCurrent: function (minCurrent) {
+		setMinCurrent(minCurrent) {
 			api.post(this.apiPath("mincurrent") + "/" + minCurrent);
 		},
-		setPhasesConfigured: function (phases) {
+		setPhasesConfigured(phases) {
 			api.post(this.apiPath("phases") + "/" + phases);
 		},
 		changeVehicle(name) {
@@ -344,7 +344,7 @@ export default {
 		removeVehicle() {
 			api.delete(this.apiPath("vehicle"));
 		},
-		setBatteryBoost: function (batteryBoost) {
+		setBatteryBoost(batteryBoost) {
 			api.post(this.apiPath("batteryboost") + `/${batteryBoost ? "1" : "0"}`);
 		},
 		fmtPower(value) {
diff --git a/assets/js/components/Loadpoints/Loadpoints.vue b/assets/js/components/Loadpoints/Loadpoints.vue
index 6fbd2b2ea..37f5dc415 100644
--- a/assets/js/components/Loadpoints/Loadpoints.vue
+++ b/assets/js/components/Loadpoints/Loadpoints.vue
@@ -80,7 +80,7 @@ export default {
 		return { snapTimeout: null, scrollTimeout: null, highlightedIndex: 0 };
 	},
 	watch: {
-		selectedIndex: function (newIndex) {
+		selectedIndex(newIndex) {
 			this.scrollTo(newIndex);
 		},
 	},
diff --git a/assets/js/components/Loadpoints/Mode.vue b/assets/js/components/Loadpoints/Mode.vue
index 49e9394c6..44fc81e57 100644
--- a/assets/js/components/Loadpoints/Mode.vue
+++ b/assets/js/components/Loadpoints/Mode.vue
@@ -25,7 +25,7 @@ export default {
 	emits: ["updated"],
 
 	computed: {
-		modes: function () {
+		modes() {
 			if (this.pvPossible) {
 				return ["off", "pv", "minpv", "now"];
 			}
@@ -36,7 +36,7 @@ export default {
 		},
 	},
 	methods: {
-		label: function (mode) {
+		label(mode) {
 			// rename pv mode to smart for non-pv and dynamic tariffs scenarios
 			// TODO: rollout smart name for everyting later
 			if (mode === "pv" && !this.pvPossible && this.hasSmartCost) {
@@ -44,10 +44,10 @@ export default {
 			}
 			return this.$t(`main.mode.${mode}`);
 		},
-		isActive: function (mode) {
+		isActive(mode) {
 			return this.mode === mode;
 		},
-		setTargetMode: function (mode) {
+		setTargetMode(mode) {
 			this.$emit("updated", mode);
 		},
 	},
diff --git a/assets/js/components/Loadpoints/SessionInfo.vue b/assets/js/components/Loadpoints/SessionInfo.vue
index 949dc7484..50ff07c32 100644
--- a/assets/js/components/Loadpoints/SessionInfo.vue
+++ b/assets/js/components/Loadpoints/SessionInfo.vue
@@ -25,9 +25,9 @@
 
 <script>
 import LabelAndValue from "../Helper/LabelAndValue.vue";
-import formatter from "../../mixins/formatter.js";
 import CustomSelect from "../Helper/CustomSelect.vue";
-import { getSessionInfo, setSessionInfo } from "./sessionInfo.js";
+import formatter from "../../mixins/formatter.ts";
+import { getSessionInfo, setSessionInfo } from "./session.ts";
 
 export default {
 	name: "LoadpointSessionInfo",
@@ -54,7 +54,7 @@ export default {
 		};
 	},
 	computed: {
-		options: function () {
+		options() {
 			const result = [
 				{
 					key: "remaining",
diff --git a/assets/js/components/Loadpoints/session.ts b/assets/js/components/Loadpoints/session.ts
new file mode 100644
index 000000000..fb78e827f
--- /dev/null
+++ b/assets/js/components/Loadpoints/session.ts
@@ -0,0 +1,12 @@
+import settings from "../../settings.js";
+
+export function getSessionInfo(index: number, fallback: string) {
+	return settings.sessionInfo[index - 1] || fallback;
+}
+
+export function setSessionInfo(index: number, value: string) {
+	const clone = [...settings.sessionInfo];
+	clone[index - 1] = value;
+	clone.map((v) => v || "");
+	settings.sessionInfo = clone;
+}
diff --git a/assets/js/components/Loadpoints/sessionInfo.js b/assets/js/components/Loadpoints/sessionInfo.js
deleted file mode 100644
index 434419426..000000000
--- a/assets/js/components/Loadpoints/sessionInfo.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import settings from "../../settings.js";
-
-export function getSessionInfo(index, fallback) {
-  return settings.sessionInfo[index - 1] || fallback;
-}
-
-export function setSessionInfo(index, value) {
-  const clone = [...settings.sessionInfo];
-  clone[index - 1] = value;
-  clone.map((v) => v || "");
-  settings.sessionInfo = clone;
-}
diff --git a/assets/js/components/MultiIcon/MultiIcon.vue b/assets/js/components/MultiIcon/MultiIcon.vue
index 08193abea..f062fa90a 100644
--- a/assets/js/components/MultiIcon/MultiIcon.vue
+++ b/assets/js/components/MultiIcon/MultiIcon.vue
@@ -33,7 +33,7 @@ export default {
 		size: { type: String, default: "s" },
 	},
 	computed: {
-		icon: function () {
+		icon() {
 			return this.count > 9 ? Plus : icons[`_${this.count}`];
 		},
 	},
diff --git a/assets/js/components/Savings/Savings.vue b/assets/js/components/Savings/Savings.vue
index cb22c8324..1b4896500 100644
--- a/assets/js/components/Savings/Savings.vue
+++ b/assets/js/components/Savings/Savings.vue
@@ -319,7 +319,7 @@ export default {
 			this.selectedRegion = region;
 			settings.savingsRegion = region;
 		},
-		updateReferenceGrid: async function () {
+		async updateReferenceGrid() {
 			try {
 				const res = await api.get(`tariff/grid`, {
 					validateStatus: (status) => status >= 200 && status < 500,
diff --git a/assets/js/components/Savings/Sponsor.vue b/assets/js/components/Savings/Sponsor.vue
index 155915ae4..5eb73a0dc 100644
--- a/assets/js/components/Savings/Sponsor.vue
+++ b/assets/js/components/Savings/Sponsor.vue
@@ -93,7 +93,7 @@ export default {
 		},
 	},
 	methods: {
-		surprise: function () {
+		surprise() {
 			const $el = this.$refs.confetti;
 			const angle = 45 + Math.random() * 90;
 			const drift = 0;
diff --git a/assets/js/components/Sessions/CostHistoryChart.vue b/assets/js/components/Sessions/CostHistoryChart.vue
index d1df88d01..c9334fd53 100644
--- a/assets/js/components/Sessions/CostHistoryChart.vue
+++ b/assets/js/components/Sessions/CostHistoryChart.vue
@@ -276,7 +276,7 @@ export default {
 							},
 							labelColor: tooltipLabelColor(false),
 						},
-						itemSort: function (a, b) {
+						itemSort(a, b) {
 							return b.datasetIndex - a.datasetIndex;
 						},
 					},
@@ -288,7 +288,7 @@ export default {
 						grid: { display: false },
 						ticks: {
 							color: colors.muted,
-							callback: function (value) {
+							callback(value) {
 								return vThis.period === PERIODS.YEAR
 									? vThis.fmtMonth(new Date(vThis.year, value, 1), true)
 									: this.getLabelForValue(value);
diff --git a/assets/js/components/Sessions/EnergyHistoryChart.vue b/assets/js/components/Sessions/EnergyHistoryChart.vue
index 73c5a2562..1f2d61a54 100644
--- a/assets/js/components/Sessions/EnergyHistoryChart.vue
+++ b/assets/js/components/Sessions/EnergyHistoryChart.vue
@@ -193,13 +193,13 @@ export default {
 									: null;
 							},
 							labelColor: tooltipLabelColor(false),
-							labelPointStyle: function () {
+							labelPointStyle() {
 								return {
 									pointStyle: "circle",
 								};
 							},
 						},
-						itemSort: function (a, b) {
+						itemSort(a, b) {
 							return b.datasetIndex - a.datasetIndex;
 						},
 					},
@@ -211,7 +211,7 @@ export default {
 						grid: { display: false },
 						ticks: {
 							color: colors.muted,
-							callback: function (value) {
+							callback(value) {
 								return vThis.period === PERIODS.YEAR
 									? vThis.fmtMonth(new Date(vThis.year, value, 1), true)
 									: this.getLabelForValue(value);
diff --git a/assets/js/components/Sessions/SessionDetailsModal.vue b/assets/js/components/Sessions/SessionDetailsModal.vue
index f0f8ecfad..07613d592 100644
--- a/assets/js/components/Sessions/SessionDetailsModal.vue
+++ b/assets/js/components/Sessions/SessionDetailsModal.vue
@@ -215,23 +215,23 @@ export default {
 	},
 	emits: ["session-changed"],
 	computed: {
-		chargedEnergy: function () {
+		chargedEnergy() {
 			return this.session.chargedEnergy * 1e3;
 		},
-		avgPower: function () {
+		avgPower() {
 			const hours = this.session.chargeDuration / 1e9 / 3600;
 			return this.chargedEnergy / hours;
 		},
-		solarEnergy: function () {
+		solarEnergy() {
 			return this.chargedEnergy * (this.session.solarPercentage / 100);
 		},
-		vehicleOptions: function () {
+		vehicleOptions() {
 			return this.vehicles.map((v) => ({
 				name: v.title,
 				title: v.title,
 			}));
 		},
-		loadpointOptions: function () {
+		loadpointOptions() {
 			return this.loadpoints.map((loadpoint) => ({
 				value: loadpoint,
 				name: loadpoint,
@@ -249,7 +249,7 @@ export default {
 			);
 			modal.show();
 		},
-		formatKm: function (value) {
+		formatKm(value) {
 			return `${this.fmtNumber(distanceValue(value), 0)} ${distanceUnit()}`;
 		},
 		async changeVehicle(title) {
diff --git a/assets/js/components/Site/Site.vue b/assets/js/components/Site/Site.vue
index 4479cc5da..52b88f32e 100644
--- a/assets/js/components/Site/Site.vue
+++ b/assets/js/components/Site/Site.vue
@@ -134,22 +134,22 @@ export default {
 		forecast: Object,
 	},
 	computed: {
-		batteryConfigured: function () {
+		batteryConfigured() {
 			return this.battery?.length > 0;
 		},
-		pvConfigured: function () {
+		pvConfigured() {
 			return this.pv?.length > 0;
 		},
-		gridPower: function () {
+		gridPower() {
 			return this.grid?.power || 0;
 		},
-		energyflow: function () {
+		energyflow() {
 			return this.collectProps(Energyflow);
 		},
-		loadpointTitles: function () {
+		loadpointTitles() {
 			return this.loadpoints.map((lp) => lp.title);
 		},
-		loadpointsCompact: function () {
+		loadpointsCompact() {
 			return this.loadpoints.map((lp) => {
 				const vehicleIcon = this.vehicles?.[lp.vehicleName]?.icon;
 				const icon = lp.chargerIcon || vehicleIcon || "car";
@@ -158,22 +158,22 @@ export default {
 				return { icon, charging, power };
 			});
 		},
-		vehicleList: function () {
+		vehicleList() {
 			const vehicles = this.vehicles || {};
 			return Object.entries(vehicles).map(([name, vehicle]) => ({ name, ...vehicle }));
 		},
-		topNavigation: function () {
+		topNavigation() {
 			const vehicleLogins = this.auth ? this.auth.vehicles : {};
 			return { vehicleLogins, ...this.collectProps(Navigation) };
 		},
-		showParkingLot: function () {
+		showParkingLot() {
 			// work in progess
 			return false;
 		},
-		isInitialSetup: function () {
+		isInitialSetup() {
 			return this.loadpoints.length === 0;
 		},
-		footer: function () {
+		footer() {
 			return {
 				version: {
 					installed: window.evcc.version,
diff --git a/assets/js/components/Tariff/SmartCostLimit.vue b/assets/js/components/Tariff/SmartCostLimit.vue
index e6e4d5ea1..12215fc0a 100644
--- a/assets/js/components/Tariff/SmartCostLimit.vue
+++ b/assets/js/components/Tariff/SmartCostLimit.vue
@@ -101,7 +101,7 @@ export default {
 		multipleLoadpoints: Boolean,
 		possible: Boolean,
 	},
-	data: function () {
+	data() {
 		return {
 			selectedSmartCostLimit: null,
 			tariff: null,
@@ -256,7 +256,7 @@ export default {
 				this.isCo2 ? this.fmtCo2Medium(limit) : this.fmtPricePerKWh(limit, this.currency)
 			}`;
 		},
-		updateTariff: async function () {
+		async updateTariff() {
 			try {
 				this.tariff = (await api.get(`tariff/planner`)).data.result;
 				this.startTime = new Date();
diff --git a/assets/js/components/Top/Header.vue b/assets/js/components/Top/Header.vue
index 1aaa327b8..ae6f4d149 100644
--- a/assets/js/components/Top/Header.vue
+++ b/assets/js/components/Top/Header.vue
@@ -39,7 +39,7 @@ export default {
 		title: String,
 	},
 	computed: {
-		topNavigation: function () {
+		topNavigation() {
 			const vehicleLogins = store.state.auth ? store.state.auth.vehicles : {};
 			return { vehicleLogins, ...this.collectProps(Navigation, store.state) };
 		},
diff --git a/assets/js/components/Top/Navigation.vue b/assets/js/components/Top/Navigation.vue
index d66addf9f..926b44257 100644
--- a/assets/js/components/Top/Navigation.vue
+++ b/assets/js/components/Top/Navigation.vue
@@ -162,7 +162,7 @@ export default {
 		};
 	},
 	computed: {
-		batteryConfigured: function () {
+		batteryConfigured() {
 			return this.battery?.length;
 		},
 		logoutCount() {
@@ -211,7 +211,7 @@ export default {
 		this.dropdown?.dispose();
 	},
 	methods: {
-		handleProviderAuthorization: async function (provider) {
+		async handleProviderAuthorization(provider) {
 			if (!provider.loggedIn) {
 				baseAPI.post(provider.loginPath).then(function (response) {
 					window.location.href = response.data.loginUri;
diff --git a/assets/js/components/Top/Notifications.vue b/assets/js/components/Top/Notifications.vue
index 969218f49..cb25def6a 100644
--- a/assets/js/components/Top/Notifications.vue
+++ b/assets/js/components/Top/Notifications.vue
@@ -98,21 +98,21 @@ export default {
 		loadpointTitles: Array,
 	},
 	computed: {
-		iconVisible: function () {
+		iconVisible() {
 			return this.notifications.length > 0;
 		},
-		iconClass: function () {
+		iconClass() {
 			return this.notifications.find((m) => m.level === "error")
 				? "text-danger"
 				: "text-warning";
 		},
 	},
-	created: function () {
+	created() {
 		this.interval = setInterval(() => {
 			this.$forceUpdate();
 		}, 10 * 1000);
 	},
-	unmounted: function () {
+	unmounted() {
 		clearTimeout(this.interval);
 	},
 	methods: {
@@ -124,7 +124,7 @@ export default {
 			}
 			return lines;
 		},
-		clear: function () {
+		clear() {
 			window.app?.clear();
 		},
 	},
diff --git a/assets/js/components/VehicleIcon/VehicleIcon.vue b/assets/js/components/VehicleIcon/VehicleIcon.vue
index c3e42b2dc..004b470fe 100644
--- a/assets/js/components/VehicleIcon/VehicleIcon.vue
+++ b/assets/js/components/VehicleIcon/VehicleIcon.vue
@@ -95,16 +95,16 @@ export default {
 		size: { type: String, default: "s" },
 	},
 	computed: {
-		uniqueNames: function () {
+		uniqueNames() {
 			return [...new Set(this.names || [this.name])];
 		},
-		count: function () {
+		count() {
 			return this.names?.length || 0;
 		},
-		single: function () {
+		single() {
 			return this.uniqueNames.length == 1;
 		},
-		singleIcon: function () {
+		singleIcon() {
 			return icons[this.uniqueNames[0]] || `shopicon-regular-car3`;
 		},
 	},
diff --git a/assets/js/components/Vehicles/LimitEnergySelect.vue b/assets/js/components/Vehicles/LimitEnergySelect.vue
index 53d5397d3..d4eb49719 100644
--- a/assets/js/components/Vehicles/LimitEnergySelect.vue
+++ b/assets/js/components/Vehicles/LimitEnergySelect.vue
@@ -51,7 +51,7 @@ export default {
 	},
 	emits: ["limit-energy-updated"],
 	computed: {
-		options: function () {
+		options() {
 			return energyOptions(
 				this.chargedEnergy,
 				this.capacity || 100,
@@ -64,18 +64,18 @@ export default {
 		step() {
 			return optionStep(this.capacity || 100);
 		},
-		estimated: function () {
+		estimated() {
 			return estimatedSoc(this.limitEnergy, this.socPerKwh);
 		},
 	},
 	methods: {
-		change: function (e) {
+		change(e) {
 			return this.$emit("limit-energy-updated", parseFloat(e.target.value));
 		},
-		fmtEnergy: function (value) {
+		fmtEnergy(value) {
 			return fmtEnergy(value, this.step, this.fmtWh, this.$t("main.targetEnergy.noLimit"));
 		},
-		fmtSoc: function (value) {
+		fmtSoc(value) {
 			return `+${this.fmtPercentage(value)}`;
 		},
 	},
diff --git a/assets/js/components/Vehicles/LimitSocSelect.vue b/assets/js/components/Vehicles/LimitSocSelect.vue
index 3e382316e..3610e6c5a 100644
--- a/assets/js/components/Vehicles/LimitSocSelect.vue
+++ b/assets/js/components/Vehicles/LimitSocSelect.vue
@@ -36,7 +36,7 @@ export default {
 	},
 	emits: ["limit-soc-updated"],
 	computed: {
-		options: function () {
+		options() {
 			const result = [];
 			for (let soc = 20; soc <= 100; soc += this.step) {
 				const text = this.fmtSocOption(soc, this.rangePerSoc, distanceUnit(), this.heating);
@@ -44,32 +44,32 @@ export default {
 			}
 			return result;
 		},
-		step: function () {
+		step() {
 			return this.heating ? 1 : 5;
 		},
-		title: function () {
+		title() {
 			return this.heating
 				? this.$t("main.vehicle.tempLimit")
 				: this.$t("main.vehicle.targetSoc");
 		},
-		estimatedTargetRange: function () {
+		estimatedTargetRange() {
 			return this.estimatedRange(this.limitSoc);
 		},
 	},
 	methods: {
-		change: function (e) {
+		change(e) {
 			return this.$emit("limit-soc-updated", parseInt(e.target.value, 10));
 		},
-		estimatedRange: function (soc) {
+		estimatedRange(soc) {
 			if (this.rangePerSoc) {
 				return Math.round(soc * this.rangePerSoc);
 			}
 			return null;
 		},
-		formatSoc: function (value) {
+		formatSoc(value) {
 			return this.heating ? this.fmtTemperature(value) : this.fmtPercentage(value);
 		},
-		formatKm: function (value) {
+		formatKm(value) {
 			return `${this.fmtNumber(value, 0)} ${distanceUnit()}`;
 		},
 	},
diff --git a/assets/js/components/Vehicles/Soc.vue b/assets/js/components/Vehicles/Soc.vue
index 242354087..f1b10f0df 100644
--- a/assets/js/components/Vehicles/Soc.vue
+++ b/assets/js/components/Vehicles/Soc.vue
@@ -94,7 +94,7 @@ export default {
 		socBasedPlanning: Boolean,
 	},
 	emits: ["limit-soc-drag", "limit-soc-updated", "plan-clicked"],
-	data: function () {
+	data() {
 		return {
 			selectedLimitSoc: null,
 			interactionStartScreenY: null,
@@ -103,10 +103,10 @@ export default {
 		};
 	},
 	computed: {
-		step: function () {
+		step() {
 			return this.heating ? 1 : 5;
 		},
-		vehicleSocDisplayWidth: function () {
+		vehicleSocDisplayWidth() {
 			if (this.socBasedCharging) {
 				if (this.vehicleSoc >= 0) {
 					return this.vehicleSoc;
@@ -119,19 +119,19 @@ export default {
 				return 100;
 			}
 		},
-		transition: function () {
+		transition() {
 			if (this.dragging) {
 				return { transition: "none" };
 			}
 			return { transition: "width var(--evcc-transition-fast) linear" };
 		},
-		maxEnergy: function () {
+		maxEnergy() {
 			return Math.max(this.planEnergy, this.limitEnergy, this.chargedEnergy / 1e3);
 		},
-		vehicleLimitSocActive: function () {
+		vehicleLimitSocActive() {
 			return this.vehicleLimitSoc > 0 && this.vehicleLimitSoc > this.vehicleSoc;
 		},
-		planMarkerPosition: function () {
+		planMarkerPosition() {
 			if (this.socBasedPlanning) {
 				return this.effectivePlanSoc;
 			}
@@ -141,14 +141,14 @@ export default {
 			}
 			return 0;
 		},
-		planMarkerAvailable: function () {
+		planMarkerAvailable() {
 			if (this.socBasedCharging && !this.socBasedPlanning) {
 				// mixed mode (% limit and kWh plan): hide marker
 				return false;
 			}
 			return this.planMarkerPosition > 0;
 		},
-		energyLimitMarkerPosition: function () {
+		energyLimitMarkerPosition() {
 			if (this.socBasedCharging) {
 				return null;
 			}
@@ -157,7 +157,7 @@ export default {
 			}
 			return 100;
 		},
-		energyLimitMarkerActive: function () {
+		energyLimitMarkerActive() {
 			if (this.socBasedCharging) {
 				return false;
 			}
@@ -166,21 +166,21 @@ export default {
 			}
 			return true;
 		},
-		sliderActive: function () {
+		sliderActive() {
 			const isBelowVehicleLimit = this.visibleLimitSoc <= (this.vehicleLimitSoc || 100);
 			const isAbovePlanLimit = this.visibleLimitSoc >= (this.effectivePlanSoc || 0);
 			return isBelowVehicleLimit && isAbovePlanLimit;
 		},
-		progressColor: function () {
+		progressColor() {
 			if (this.minSocActive) {
 				return "bg-danger";
 			}
 			return "bg-primary";
 		},
-		minSocActive: function () {
+		minSocActive() {
 			return this.minSoc > 0 && this.vehicleSoc < this.minSoc;
 		},
-		remainingSocWidth: function () {
+		remainingSocWidth() {
 			if (this.socBasedCharging) {
 				if (this.vehicleSocDisplayWidth === 100) {
 					return null;
@@ -201,27 +201,27 @@ export default {
 
 			return null;
 		},
-		visibleLimitSoc: function () {
+		visibleLimitSoc() {
 			return Number(this.selectedLimitSoc || this.effectiveLimitSoc);
 		},
 	},
 	watch: {
-		effectiveLimitSoc: function () {
+		effectiveLimitSoc() {
 			this.selectedLimitSoc = this.effectiveLimitSoc;
 		},
-		vehicleLimitSoc: function () {
+		vehicleLimitSoc() {
 			this.updateTooltip();
 		},
 	},
-	mounted: function () {
+	mounted() {
 		this.updateTooltip();
 	},
 	methods: {
-		changeLimitSocStart: function (e) {
+		changeLimitSocStart(e) {
 			this.dragging = true;
 			e.stopPropagation();
 		},
-		changeLimitSocEnd: function (e) {
+		changeLimitSocEnd(e) {
 			this.dragging = false;
 			const value = parseInt(e.target.value, 10);
 			// value changed
@@ -229,7 +229,7 @@ export default {
 				this.$emit("limit-soc-updated", value);
 			}
 		},
-		movedLimitSoc: function (e) {
+		movedLimitSoc(e) {
 			const value = parseInt(e.target.value, 10);
 			e.stopPropagation();
 			const minLimit = 20;
@@ -244,7 +244,7 @@ export default {
 			this.$emit("limit-soc-drag", this.selectedLimitSoc);
 			return true;
 		},
-		updateTooltip: function () {
+		updateTooltip() {
 			if (!this.tooltip) {
 				this.tooltip = new Tooltip(this.$refs.vehicleLimitSoc);
 			}
diff --git a/assets/js/components/Vehicles/Status.vue b/assets/js/components/Vehicles/Status.vue
index fc366fd3d..5a8996ef7 100644
--- a/assets/js/components/Vehicles/Status.vue
+++ b/assets/js/components/Vehicles/Status.vue
@@ -735,7 +735,7 @@ export default {
 				this.$refs.disconnectRequired
 			);
 		},
-		updateTooltip: function (instance, content, ref, hoverOnly = false) {
+		updateTooltip(instance, content, ref, hoverOnly = false) {
 			if (!content || !ref) {
 				if (instance) {
 					instance.dispose();
diff --git a/assets/js/components/Vehicles/Title.vue b/assets/js/components/Vehicles/Title.vue
index b8245c849..1ef62a591 100644
--- a/assets/js/components/Vehicles/Title.vue
+++ b/assets/js/components/Vehicles/Title.vue
@@ -76,7 +76,7 @@ export default {
 		title: String,
 	},
 	emits: ["change-vehicle", "remove-vehicle"],
-	data: function () {
+	data() {
 		return {
 			refreshTooltip: null,
 			notReachableTooltip: null,
@@ -107,16 +107,16 @@ export default {
 		showOptions() {
 			return this.vehicleKnown || this.vehicles.length;
 		},
-		vehicleOptionsProps: function () {
+		vehicleOptionsProps() {
 			return this.collectProps(Options);
 		},
 	},
 	watch: {
-		iconType: function () {
+		iconType() {
 			this.initTooltip();
 		},
 	},
-	mounted: function () {
+	mounted() {
 		this.initTooltip();
 	},
 	methods: {
diff --git a/assets/js/components/Vehicles/Vehicle.vue b/assets/js/components/Vehicles/Vehicle.vue
index 8e1027483..8ec888814 100644
--- a/assets/js/components/Vehicles/Vehicle.vue
+++ b/assets/js/components/Vehicles/Vehicle.vue
@@ -151,31 +151,31 @@ export default {
 		};
 	},
 	computed: {
-		title: function () {
+		title() {
 			return this.vehicle?.title || "";
 		},
-		capacity: function () {
+		capacity() {
 			return this.vehicle?.capacity || 0;
 		},
-		icon: function () {
+		icon() {
 			return this.vehicle?.icon || "";
 		},
-		minSoc: function () {
+		minSoc() {
 			return this.vehicle?.minSoc || 0;
 		},
-		vehicleSocProps: function () {
+		vehicleSocProps() {
 			return this.collectProps(Soc);
 		},
-		vehicleStatus: function () {
+		vehicleStatus() {
 			return this.collectProps(Status);
 		},
-		vehicleTitleProps: function () {
+		vehicleTitleProps() {
 			return this.collectProps(Title);
 		},
-		chargingPlan: function () {
+		chargingPlan() {
 			return this.collectProps(ChargingPlan);
 		},
-		formattedSoc: function () {
+		formattedSoc() {
 			if (!this.vehicleSoc) {
 				return "--";
 			}
@@ -184,55 +184,55 @@ export default {
 			}
 			return this.fmtPercentage(this.vehicleSoc);
 		},
-		vehicleSocTitle: function () {
+		vehicleSocTitle() {
 			if (this.heating) {
 				return this.$t("main.vehicle.temp");
 			}
 			return this.$t("main.vehicle.vehicleSoc");
 		},
-		range: function () {
+		range() {
 			return distanceValue(this.vehicleRange);
 		},
-		rangeUnit: function () {
+		rangeUnit() {
 			return distanceUnit();
 		},
-		rangePerSoc: function () {
+		rangePerSoc() {
 			if (this.vehicleSoc > 10 && this.range) {
 				return Math.round((this.range / this.vehicleSoc) * 1e2) / 1e2;
 			}
 			return null;
 		},
-		socPerKwh: function () {
+		socPerKwh() {
 			if (this.capacity > 0) {
 				return 100 / this.capacity;
 			}
 			return null;
 		},
-		chargedSoc: function () {
+		chargedSoc() {
 			const value = this.socPerKwh * (this.chargedEnergy / 1e3);
 			return value > 1 ? `+${this.fmtPercentage(value)}` : null;
 		},
-		chargingPlanDisabled: function () {
+		chargingPlanDisabled() {
 			return ["off", "now"].includes(this.mode);
 		},
-		smartCostDisabled: function () {
+		smartCostDisabled() {
 			return ["off", "now"].includes(this.mode);
 		},
 	},
 	watch: {
-		effectiveLimitSoc: function () {
+		effectiveLimitSoc() {
 			this.displayLimitSoc = this.effectiveLimitSoc;
 		},
 	},
 	methods: {
-		limitSocDrag: function (limitSoc) {
+		limitSocDrag(limitSoc) {
 			this.displayLimitSoc = limitSoc;
 		},
-		limitSocUpdated: function (limitSoc) {
+		limitSocUpdated(limitSoc) {
 			this.displayLimitSoc = limitSoc;
 			this.$emit("limit-soc-updated", limitSoc);
 		},
-		limitEnergyUpdated: function (limitEnergy) {
+		limitEnergyUpdated(limitEnergy) {
 			this.$emit("limit-energy-updated", limitEnergy);
 		},
 		changeVehicle(name) {
diff --git a/assets/js/mixins/collector.js b/assets/js/mixins/collector.js
index 1a3b1bef5..1faef2fa9 100644
--- a/assets/js/mixins/collector.js
+++ b/assets/js/mixins/collector.js
@@ -1,7 +1,7 @@
 export default {
   methods: {
     // collect all target component properties from current instance
-    collectProps: function (component, state) {
+    collectProps(component, state) {
       let data = {};
       for (var p in component.props) {
         // check in optional state
diff --git a/assets/js/mixins/formatter.js b/assets/js/mixins/formatter.js
deleted file mode 100644
index 846b9d08b..000000000
--- a/assets/js/mixins/formatter.js
+++ /dev/null
@@ -1,418 +0,0 @@
-// list of currencies where energy price should be displayed in subunits (factor 100)
-const ENERGY_PRICE_IN_SUBUNIT = {
-  AUD: "c", // Australian cent
-  BGN: "st", // Bulgarian stotinka
-  BRL: "¢", // Brazilian centavo
-  CAD: "¢", // Canadian cent
-  CHF: "rp", // Swiss Rappen
-  CNY: "f", // Chinese fen
-  EUR: "ct", // Euro cent
-  GBP: "p", // GB pence
-  ILS: "ag", // Israeli agora
-  NZD: "c", // New Zealand cent
-  PLN: "gr", // Polish grosz
-  USD: "¢", // US cent
-};
-
-export const POWER_UNIT = Object.freeze({
-  W: "W",
-  KW: "kW",
-  MW: "MW",
-  AUTO: "",
-});
-
-export default {
-  data: function () {
-    return {
-      POWER_UNIT,
-      fmtLimit: 100,
-      fmtDigits: 1,
-    };
-  },
-  methods: {
-    round: function (num, precision) {
-      var base = 10 ** precision;
-      return (Math.round(num * base) / base).toFixed(precision);
-    },
-    fmt: function (val) {
-      if (val === undefined || val === null) {
-        return 0;
-      }
-      let absVal = Math.abs(val);
-      return absVal >= this.fmtLimit
-        ? this.round(absVal / 1e3, this.fmtDigits)
-        : this.round(absVal, 0);
-    },
-    fmtW: function (watt = 0, format = POWER_UNIT.KW, withUnit = true, digits) {
-      let unit = format;
-      let d = digits;
-      if (POWER_UNIT.AUTO === unit) {
-        if (watt >= 10_000_000) {
-          unit = POWER_UNIT.MW;
-        } else if (watt >= 1000 || 0 === watt) {
-          unit = POWER_UNIT.KW;
-        } else {
-          unit = POWER_UNIT.W;
-        }
-      }
-      let value = watt;
-      if (POWER_UNIT.KW === unit) {
-        value = watt / 1000;
-      } else if (POWER_UNIT.MW === unit) {
-        value = watt / 1_000_000;
-      }
-      if (d === undefined) {
-        d = POWER_UNIT.KW === unit || POWER_UNIT.MW === unit || 0 === watt ? 1 : 0;
-      }
-      return `${new Intl.NumberFormat(this.$i18n?.locale, {
-        style: "decimal",
-        minimumFractionDigits: d,
-        maximumFractionDigits: d,
-      }).format(value)}${withUnit ? ` ${unit}` : ""}`;
-    },
-    fmtWh: function (watt, format = POWER_UNIT.KW, withUnit = true, digits) {
-      return this.fmtW(watt, format, withUnit, digits) + (withUnit ? "h" : "");
-    },
-    fmtNumber: function (number, decimals, unit) {
-      const style = unit ? "unit" : "decimal";
-      return new Intl.NumberFormat(this.$i18n?.locale, {
-        style,
-        unit,
-        minimumFractionDigits: decimals,
-        maximumFractionDigits: decimals,
-      }).format(number);
-    },
-    fmtGrams: function (gramms, withUnit = true) {
-      let unit = "gram";
-      let value = gramms;
-      if (gramms >= 1000) {
-        unit = "kilogram";
-        value = gramms / 1000;
-      }
-      return new Intl.NumberFormat(this.$i18n?.locale, {
-        style: withUnit ? "unit" : "decimal",
-        unit,
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0,
-      }).format(value);
-    },
-    fmtCo2Short: function (gramms) {
-      return `${this.fmtNumber(gramms, 0)} g`;
-    },
-    fmtCo2Medium: function (gramms) {
-      return `${this.fmtNumber(gramms, 0)} g/kWh`;
-    },
-    fmtCo2Long: function (gramms) {
-      return `${this.fmtNumber(gramms, 0)} gCO₂e/kWh`;
-    },
-    fmtUnit: function (val) {
-      return Math.abs(val) >= this.fmtLimit ? "k" : "";
-    },
-    fmtNumberToLocale(val, pad = 0) {
-      return val.toLocaleString(this.$i18n?.locale).padStart(pad, "0");
-    },
-    fmtDurationToTime(date) {
-      const diff = date - new Date();
-      return this.fmtDuration(diff / 1000, true, "h");
-    },
-    fmtDurationNs(duration = 0, withUnit = true, minUnit = "s") {
-      return this.fmtDuration(duration / 1e9, withUnit, minUnit);
-    },
-    fmtDuration: function (duration = 0, withUnit = true, minUnit = "s") {
-      if (duration <= 0) {
-        return "—";
-      }
-      let roundedDuration = Math.round(duration);
-      var seconds = roundedDuration % 60;
-      var minutes = Math.floor(roundedDuration / 60) % 60;
-      var hours = Math.floor(roundedDuration / 3600);
-      var result = "";
-      let unit = "";
-      if (hours >= 1 || minUnit === "h") {
-        result = `${this.fmtNumberToLocale(hours)}:${this.fmtNumberToLocale(minutes, 2)}`;
-        unit = "h";
-      } else if (minutes >= 1 || minUnit === "m") {
-        result = `${this.fmtNumberToLocale(minutes)}:${this.fmtNumberToLocale(seconds, 2)}`;
-        unit = "m";
-      } else {
-        result = `${this.fmtNumberToLocale(seconds)}`;
-        unit = "s";
-      }
-      if (withUnit) {
-        result += `\u202F${unit}`;
-      }
-      return result;
-    },
-    fmtDayString: function (date) {
-      const YY = `${date.getFullYear()}`;
-      const MM = `${date.getMonth() + 1}`.padStart(2, "0");
-      const DD = `${date.getDate()}`.padStart(2, "0");
-      return `${YY}-${MM}-${DD}`;
-    },
-    fmtTimeString: function (date) {
-      const HH = `${date.getHours()}`.padStart(2, "0");
-      const mm = `${date.getMinutes()}`.padStart(2, "0");
-      return `${HH}:${mm}`;
-    },
-    isToday: function (date) {
-      const today = new Date();
-      return today.toDateString() === date.toDateString();
-    },
-    isTomorrow: function (date) {
-      const tomorrow = new Date();
-      tomorrow.setDate(tomorrow.getDate() + 1);
-      return tomorrow.toDateString() === date.toDateString();
-    },
-    weekdayPrefix: function (date) {
-      if (this.isToday(date)) {
-        return "";
-      }
-      if (this.isTomorrow(date)) {
-        try {
-          const rtf = new Intl.RelativeTimeFormat(this.$i18n?.locale, { numeric: "auto" });
-          return rtf.formatToParts(1, "day")[0].value;
-        } catch (e) {
-          console.warn("weekdayPrefix: Intl.RelativeTimeFormat not supported", e);
-          return "tomorrow";
-        }
-      }
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        weekday: "short",
-      }).format(date);
-    },
-    weekdayTime: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        weekday: "short",
-        hour: "numeric",
-        minute: "numeric",
-      }).format(date);
-    },
-    hourShort: function (date) {
-      const locale = this.$i18n?.locale;
-      // special: use shorter german format
-      if (locale === "de") return date.getHours();
-      return new Intl.DateTimeFormat(locale, {
-        hour: "numeric",
-      }).format(date);
-    },
-    weekdayShort: function (date) {
-      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, {
-        hour: "numeric",
-        minute: "numeric",
-      }).format(date);
-
-      return `${weekday} ${hour}`.trim();
-    },
-    fmtFullDateTime: function (date, short) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        weekday: short ? undefined : "short",
-        month: short ? "numeric" : "short",
-        day: "numeric",
-        hour: "numeric",
-        minute: "numeric",
-      }).format(date);
-    },
-    fmtWeekdayTime: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        weekday: "short",
-        hour: "numeric",
-        minute: "numeric",
-      }).format(date);
-    },
-    fmtMonthYear: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        month: "long",
-        year: "numeric",
-      }).format(date);
-    },
-    fmtMonth: function (date, short) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        month: short ? "short" : "long",
-      }).format(date);
-    },
-    fmtYear: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        year: "numeric",
-      }).format(date);
-    },
-    fmtDayMonthYear: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        day: "numeric",
-        month: "long",
-        year: "numeric",
-      }).format(date);
-    },
-    fmtDayMonth: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        weekday: "short",
-        day: "numeric",
-        month: "short",
-      }).format(date);
-    },
-    fmtDayOfMonth: function (date) {
-      return new Intl.DateTimeFormat(this.$i18n?.locale, {
-        weekday: "short",
-        day: "numeric",
-      }).format(date);
-    },
-    fmtDurationUnit: function (value, unit = "second") {
-      return new Intl.NumberFormat(this.$i18n?.locale, {
-        style: "unit",
-        unit,
-        unitDisplay: "long",
-      })
-        .formatToParts(value)
-        .find((part) => part.type === "unit").value;
-    },
-    fmtMoney: function (amout = 0, currency = "EUR", decimals = true, withSymbol = false) {
-      const currencyDisplay = withSymbol ? "narrowSymbol" : "code";
-      const digits = decimals ? undefined : 0;
-      const result = new Intl.NumberFormat(this.$i18n?.locale, {
-        style: "currency",
-        currency,
-        currencyDisplay,
-        minimumFractionDigits: digits,
-        maximumFractionDigits: digits,
-      }).format(amout);
-
-      return withSymbol ? result : result.replace(currency, "").trim();
-    },
-    fmtCurrencySymbol: function (currency = "EUR") {
-      const symbols = { EUR: "€", USD: "$" };
-      return symbols[currency] || currency;
-    },
-    fmtPricePerKWh: function (amout = 0, currency = "EUR", short = false, withUnit = true) {
-      let value = amout;
-      let minimumFractionDigits = 1;
-      let maximumFractionDigits = 3;
-      if (ENERGY_PRICE_IN_SUBUNIT[currency]) {
-        value *= 100;
-        minimumFractionDigits = 1;
-        maximumFractionDigits = 1;
-      }
-      const price = new Intl.NumberFormat(this.$i18n?.locale, {
-        style: "decimal",
-        minimumFractionDigits,
-        maximumFractionDigits,
-      }).format(value);
-      if (withUnit) {
-        return `${price} ${this.pricePerKWhUnit(currency, short)}`;
-      }
-      return price;
-    },
-    timezone: function () {
-      return Intl?.DateTimeFormat?.().resolvedOptions?.().timeZone || "UTC";
-    },
-    pricePerKWhUnit: function (currency = "EUR", short = false) {
-      const unit = ENERGY_PRICE_IN_SUBUNIT[currency] || currency;
-      return `${unit}${short ? "" : "/kWh"}`;
-    },
-    fmtTimeAgo: function (elapsed) {
-      const units = {
-        day: 24 * 60 * 60 * 1000,
-        hour: 60 * 60 * 1000,
-        minute: 60 * 1000,
-        second: 1000,
-      };
-
-      // "Math.abs" accounts for both "past" & "future" scenarios
-      for (var u in units)
-        if (Math.abs(elapsed) > units[u] || u == "second") {
-          try {
-            const rtf = new Intl.RelativeTimeFormat(this.$i18n?.locale, { numeric: "auto" });
-            return rtf.format(Math.round(elapsed / units[u]), u);
-          } catch (e) {
-            console.warn("fmtTimeAgo: Intl.RelativeTimeFormat not supported", e);
-            return `${elapsed} ${u}s ago`;
-          }
-        }
-    },
-    fmtSocOption: function (soc, rangePerSoc, distanceUnit, heating) {
-      let result = heating ? this.fmtTemperature(soc) : `${this.fmtPercentage(soc)}`;
-      if (rangePerSoc && distanceUnit) {
-        const range = soc * rangePerSoc;
-        result += ` (${this.fmtNumber(range, 0)} ${distanceUnit})`;
-      }
-      return result;
-    },
-    fmtPercentage: function (value, digits = 0, forceSign = false) {
-      const sign = forceSign && value > 0 ? "+" : "";
-      return `${sign}${new Intl.NumberFormat(this.$i18n?.locale, {
-        style: "percent",
-        minimumFractionDigits: digits,
-        maximumFractionDigits: digits,
-      }).format(value / 100)}`;
-    },
-    hasLeadingPercentageSign: function () {
-      return ["tr", "ar"].includes(this.$i18n?.locale);
-    },
-    fmtTemperature: function (value) {
-      // TODO: handle fahrenheit
-      return this.fmtNumber(value, 1, "celsius");
-    },
-    getWeekdaysList: function (weekdayFormat) {
-      const { format } = new Intl.DateTimeFormat(this.$i18n?.locale, { weekday: weekdayFormat });
-      const mondayToSaturday = [7, 8, 9, 10, 11, 12].map((day, index) => {
-        return { name: format(new Date(Date.UTC(2021, 5, day))), value: index + 1 };
-      });
-      const sunday = { name: format(new Date(Date.UTC(2021, 5, 6))), value: 0 };
-      return [...mondayToSaturday, sunday];
-    },
-    getShortenedWeekdaysLabel: function (selectedWeekdays) {
-      if (0 === selectedWeekdays.length) {
-        return "–";
-      }
-
-      const weekdays = this.getWeekdaysList("short");
-      let label = "";
-
-      // the week in the input-parameter starts with 0 for sunday and ends with 6 for saturday
-      // this algorithms works only if the week starts with 1 for monday and ends with 7 for sunday because
-      // then we are able to count from 1 to 7 by incrementing the number
-      // so we have to transform the input accordingly
-      const selectedWeekdaysTransformed = selectedWeekdays.map(function (dayIndex) {
-        return 0 === dayIndex ? 7 : dayIndex;
-      });
-      function getWeekdayName(dayIndex) {
-        return weekdays.find((day) => day.value === (7 === dayIndex ? 0 : dayIndex)).name;
-      }
-
-      let maxWeekday = Math.max(...selectedWeekdaysTransformed);
-
-      for (let weekdayRangeStart = 1; weekdayRangeStart < 8; weekdayRangeStart++) {
-        if (selectedWeekdaysTransformed.includes(weekdayRangeStart)) {
-          label += getWeekdayName(weekdayRangeStart);
-
-          let weekdayRangeEnd = weekdayRangeStart;
-          while (selectedWeekdaysTransformed.includes(weekdayRangeEnd + 1)) {
-            weekdayRangeEnd++;
-          }
-
-          if (weekdayRangeEnd - weekdayRangeStart > 1) {
-            // more than 2 consecutive weekdays selected
-            label += " – " + getWeekdayName(weekdayRangeEnd);
-            weekdayRangeStart = weekdayRangeEnd;
-            if (maxWeekday !== weekdayRangeEnd) {
-              label += ", ";
-            }
-          } else if (weekdayRangeStart !== weekdayRangeEnd) {
-            // exactly 2 consecutive weekdays selected
-            label += ", ";
-          } else {
-            // exactly 1 single day selected
-            if (maxWeekday !== weekdayRangeEnd) {
-              label += ", ";
-            }
-          }
-        }
-      }
-      return label;
-    },
-  },
-};
diff --git a/assets/js/mixins/formatter.ts b/assets/js/mixins/formatter.ts
new file mode 100644
index 000000000..ea88161ae
--- /dev/null
+++ b/assets/js/mixins/formatter.ts
@@ -0,0 +1,394 @@
+import { defineComponent } from "vue";
+import { CURRENCY } from "../types/evcc";
+
+// list of currencies where energy price should be displayed in subunits (factor 100)
+const ENERGY_PRICE_IN_SUBUNIT = {
+	AUD: "c", // Australian cent
+	BGN: "st", // Bulgarian stotinka
+	BRL: "¢", // Brazilian centavo
+	CAD: "¢", // Canadian cent
+	CHF: "rp", // Swiss Rappen
+	CNY: "f", // Chinese fen
+	EUR: "ct", // Euro cent
+	GBP: "p", // GB pence
+	ILS: "ag", // Israeli agora
+	NZD: "c", // New Zealand cent
+	PLN: "gr", // Polish grosz
+	USD: "¢", // US cent
+};
+
+export enum POWER_UNIT {
+	W = "W",
+	KW = "kW",
+	MW = "MW",
+	AUTO = "",
+}
+
+export default defineComponent({
+	data() {
+		return {
+			POWER_UNIT,
+			fmtLimit: 100,
+			fmtDigits: 1,
+		};
+	},
+	methods: {
+		round(num: number, precision: number) {
+			const base = 10 ** precision;
+			return (Math.round(num * base) / base).toFixed(precision);
+		},
+		fmtW(watt = 0, format = POWER_UNIT.KW, withUnit = true, digits?: number) {
+			let unit = format;
+			let d = digits;
+			if (POWER_UNIT.AUTO === unit) {
+				if (watt >= 10_000_000) {
+					unit = POWER_UNIT.MW;
+				} else if (watt >= 1000 || 0 === watt) {
+					unit = POWER_UNIT.KW;
+				} else {
+					unit = POWER_UNIT.W;
+				}
+			}
+			let value = watt;
+			if (POWER_UNIT.KW === unit) {
+				value = watt / 1000;
+			} else if (POWER_UNIT.MW === unit) {
+				value = watt / 1_000_000;
+			}
+			if (d === undefined) {
+				d = POWER_UNIT.KW === unit || POWER_UNIT.MW === unit || 0 === watt ? 1 : 0;
+			}
+			return `${new Intl.NumberFormat(this.$i18n?.locale, {
+				style: "decimal",
+				minimumFractionDigits: d,
+				maximumFractionDigits: d,
+			}).format(value)}${withUnit ? ` ${unit}` : ""}`;
+		},
+		fmtWh(watt: number, format = POWER_UNIT.KW, withUnit = true, digits?: number) {
+			return this.fmtW(watt, format, withUnit, digits) + (withUnit ? "h" : "");
+		},
+		fmtNumber(number: number, decimals: number, unit?: string) {
+			const style = unit ? "unit" : "decimal";
+			return new Intl.NumberFormat(this.$i18n?.locale, {
+				style,
+				unit,
+				minimumFractionDigits: decimals,
+				maximumFractionDigits: decimals,
+			}).format(number);
+		},
+		fmtGrams(gramms: number, withUnit = true) {
+			let unit = "gram";
+			let value = gramms;
+			if (gramms >= 1000) {
+				unit = "kilogram";
+				value = gramms / 1000;
+			}
+			return new Intl.NumberFormat(this.$i18n?.locale, {
+				style: withUnit ? "unit" : "decimal",
+				unit,
+				minimumFractionDigits: 0,
+				maximumFractionDigits: 0,
+			}).format(value);
+		},
+		fmtCo2Short(gramms: number) {
+			return `${this.fmtNumber(gramms, 0)} g`;
+		},
+		fmtCo2Medium(gramms: number) {
+			return `${this.fmtNumber(gramms, 0)} g/kWh`;
+		},
+		fmtCo2Long(gramms: number) {
+			return `${this.fmtNumber(gramms, 0)} gCO₂e/kWh`;
+		},
+		fmtNumberToLocale(val: number, pad = 0) {
+			return val.toLocaleString(this.$i18n?.locale).padStart(pad, "0");
+		},
+		fmtDurationToTime(date: Date) {
+			const diff = date.getTime() - new Date().getTime();
+			return this.fmtDuration(diff / 1000, true, "h");
+		},
+		fmtDurationNs(duration = 0, withUnit = true, minUnit = "s") {
+			return this.fmtDuration(duration / 1e9, withUnit, minUnit);
+		},
+		fmtDuration(duration = 0, withUnit = true, minUnit = "s") {
+			if (duration <= 0) {
+				return "—";
+			}
+			const roundedDuration = Math.round(duration);
+			const seconds = roundedDuration % 60;
+			const minutes = Math.floor(roundedDuration / 60) % 60;
+			const hours = Math.floor(roundedDuration / 3600);
+			let result = "";
+			let unit = "";
+			if (hours >= 1 || minUnit === "h") {
+				result = `${this.fmtNumberToLocale(hours)}:${this.fmtNumberToLocale(minutes, 2)}`;
+				unit = "h";
+			} else if (minutes >= 1 || minUnit === "m") {
+				result = `${this.fmtNumberToLocale(minutes)}:${this.fmtNumberToLocale(seconds, 2)}`;
+				unit = "m";
+			} else {
+				result = `${this.fmtNumberToLocale(seconds)}`;
+				unit = "s";
+			}
+			if (withUnit) {
+				result += `\u202F${unit}`;
+			}
+			return result;
+		},
+		fmtDayString(date: Date) {
+			const YY = `${date.getFullYear()}`;
+			const MM = `${date.getMonth() + 1}`.padStart(2, "0");
+			const DD = `${date.getDate()}`.padStart(2, "0");
+			return `${YY}-${MM}-${DD}`;
+		},
+		fmtTimeString(date: Date) {
+			const HH = `${date.getHours()}`.padStart(2, "0");
+			const mm = `${date.getMinutes()}`.padStart(2, "0");
+			return `${HH}:${mm}`;
+		},
+		isToday(date: Date) {
+			const today = new Date();
+			return today.toDateString() === date.toDateString();
+		},
+		isTomorrow(date: Date) {
+			const tomorrow = new Date();
+			tomorrow.setDate(tomorrow.getDate() + 1);
+			return tomorrow.toDateString() === date.toDateString();
+		},
+		weekdayPrefix(date: Date) {
+			if (this.isToday(date)) {
+				return "";
+			}
+			if (this.isTomorrow(date)) {
+				try {
+					const rtf = new Intl.RelativeTimeFormat(this.$i18n?.locale, {
+						numeric: "auto",
+					});
+					return rtf.formatToParts(1, "day")[0].value;
+				} catch (e) {
+					console.warn("weekdayPrefix: Intl.RelativeTimeFormat not supported", e);
+					return "tomorrow";
+				}
+			}
+			return new Intl.DateTimeFormat(this.$i18n?.locale, {
+				weekday: "short",
+			}).format(date);
+		},
+		hourShort(date: Date) {
+			const locale = this.$i18n?.locale;
+			// special: use shorter german format
+			if (locale === "de") return date.getHours();
+			return new Intl.DateTimeFormat(locale, {
+				hour: "numeric",
+			}).format(date);
+		},
+		weekdayShort(date: Date) {
+			return new Intl.DateTimeFormat(this.$i18n?.locale, {
+				weekday: "short",
+			}).format(date);
+		},
+		fmtAbsoluteDate(date: Date) {
+			const weekday = this.weekdayPrefix(date);
+			const hour = new Intl.DateTimeFormat(this.$i18n?.locale, {
+				hour: "numeric",
+				minute: "numeric",
+			}).format(date);
+
+			return `${weekday} ${hour}`.trim();
+		},
+		fmtFullDateTime(date: Date, short: boolean) {
+			return new Intl.DateTimeFormat(this.$i18n?.locale, {
+				weekday: short ? undefined : "short",
+				month: short ? "numeric" : "short",
+				day: "numeric",
+				hour: "numeric",
+				minute: "numeric",
+			}).format(date);
+		},
+		fmtWeekdayTime(date: Date) {
+			return new Intl.DateTimeFormat(this.$i18n?.locale, {
+				weekday: "short",
+				hour: "numeric",
+				minute: "numeric",
+			}).format(date);
+		},
+		fmtMonthYear(date: Date) {
+			return new Intl.DateTimeFormat(this.$i18n?.locale, {
+				month: "long",
+				year: "numeric",
+			}).format(date);
+		},
+		fmtMonth(date: Date, short: boolean) {
+			return new Intl.DateTimeFormat(this.$i18n?.locale, {
+				month: short ? "short" : "long",
+			}).format(date);
+		},
+		fmtDayMonth(date: Date) {
+			return new Intl.DateTimeFormat(this.$i18n?.locale, {
+				weekday: "short",
+				day: "numeric",
+				month: "short",
+			}).format(date);
+		},
+		fmtDurationUnit(value: number, unit = "second") {
+			return new Intl.NumberFormat(this.$i18n?.locale, {
+				style: "unit",
+				unit,
+				unitDisplay: "long",
+			})
+				.formatToParts(value)
+				.find((part) => part.type === "unit")?.value;
+		},
+		fmtMoney(amout = 0, currency = CURRENCY.EUR, decimals = true, withSymbol = false) {
+			const currencyDisplay = withSymbol ? "narrowSymbol" : "code";
+			const digits = decimals ? undefined : 0;
+			const result = new Intl.NumberFormat(this.$i18n?.locale, {
+				style: "currency",
+				currency,
+				currencyDisplay,
+				minimumFractionDigits: digits,
+				maximumFractionDigits: digits,
+			}).format(amout);
+
+			return withSymbol ? result : result.replace(currency, "").trim();
+		},
+		fmtCurrencySymbol(currency = CURRENCY.EUR) {
+			const symbols = { EUR: "€", USD: "$" };
+			return symbols[currency] || currency;
+		},
+		fmtPricePerKWh(amout = 0, currency = CURRENCY.EUR, short = false, withUnit = true) {
+			let value = amout;
+			let minimumFractionDigits = 1;
+			let maximumFractionDigits = 3;
+			if (ENERGY_PRICE_IN_SUBUNIT[currency]) {
+				value *= 100;
+				minimumFractionDigits = 1;
+				maximumFractionDigits = 1;
+			}
+			const price = new Intl.NumberFormat(this.$i18n?.locale, {
+				style: "decimal",
+				minimumFractionDigits,
+				maximumFractionDigits,
+			}).format(value);
+			if (withUnit) {
+				return `${price} ${this.pricePerKWhUnit(currency, short)}`;
+			}
+			return price;
+		},
+		timezone() {
+			return Intl?.DateTimeFormat?.().resolvedOptions?.().timeZone || "UTC";
+		},
+		pricePerKWhUnit(currency = CURRENCY.EUR, short = false) {
+			const unit = ENERGY_PRICE_IN_SUBUNIT[currency] || currency;
+			return `${unit}${short ? "" : "/kWh"}`;
+		},
+		fmtTimeAgo(elapsed: number) {
+			const units = {
+				day: 24 * 60 * 60 * 1000,
+				hour: 60 * 60 * 1000,
+				minute: 60 * 1000,
+				second: 1000,
+			};
+
+			// "Math.abs" accounts for both "past" & "future" scenarios
+			for (const u in units) {
+				const unitKey = u as keyof typeof units;
+				if (Math.abs(elapsed) > units[unitKey] || u == "second") {
+					try {
+						const rtf = new Intl.RelativeTimeFormat(this.$i18n?.locale, {
+							numeric: "auto",
+						});
+						return rtf.format(Math.round(elapsed / units[unitKey]), unitKey);
+					} catch (e) {
+						console.warn("fmtTimeAgo: Intl.RelativeTimeFormat not supported", e);
+						return `${elapsed} ${u}s ago`;
+					}
+				}
+			}
+
+			return "";
+		},
+		fmtSocOption(soc: number, rangePerSoc: number, distanceUnit: string, heating?: boolean) {
+			let result = heating ? this.fmtTemperature(soc) : `${this.fmtPercentage(soc)}`;
+			if (rangePerSoc && distanceUnit) {
+				const range = soc * rangePerSoc;
+				result += ` (${this.fmtNumber(range, 0)} ${distanceUnit})`;
+			}
+			return result;
+		},
+		fmtPercentage(value: number, digits = 0, forceSign = false) {
+			const sign = forceSign && value > 0 ? "+" : "";
+			return `${sign}${new Intl.NumberFormat(this.$i18n?.locale, {
+				style: "percent",
+				minimumFractionDigits: digits,
+				maximumFractionDigits: digits,
+			}).format(value / 100)}`;
+		},
+		hasLeadingPercentageSign() {
+			return ["tr", "ar"].includes(this.$i18n?.locale);
+		},
+		fmtTemperature(value: number) {
+			// TODO: handle fahrenheit
+			return this.fmtNumber(value, 1, "celsius");
+		},
+		getWeekdaysList(weekdayFormat: Intl.DateTimeFormatOptions["weekday"]) {
+			const { format } = new Intl.DateTimeFormat(this.$i18n?.locale, {
+				weekday: weekdayFormat,
+			});
+			const mondayToSaturday = [7, 8, 9, 10, 11, 12].map((day, index) => {
+				return { name: format(new Date(Date.UTC(2021, 5, day))), value: index + 1 };
+			});
+			const sunday = { name: format(new Date(Date.UTC(2021, 5, 6))), value: 0 };
+			return [...mondayToSaturday, sunday];
+		},
+		getShortenedWeekdaysLabel(selectedWeekdays: number[]) {
+			if (0 === selectedWeekdays.length) {
+				return "–";
+			}
+
+			const weekdays = this.getWeekdaysList("short");
+			let label = "";
+
+			// the week in the input-parameter starts with 0 for sunday and ends with 6 for saturday
+			// this algorithms works only if the week starts with 1 for monday and ends with 7 for sunday because
+			// then we are able to count from 1 to 7 by incrementing the number
+			// so we have to transform the input accordingly
+			const selectedWeekdaysTransformed = selectedWeekdays.map(function (dayIndex) {
+				return 0 === dayIndex ? 7 : dayIndex;
+			});
+			function getWeekdayName(dayIndex: number) {
+				return weekdays.find((day) => day.value === (7 === dayIndex ? 0 : dayIndex))?.name;
+			}
+
+			const maxWeekday = Math.max(...selectedWeekdaysTransformed);
+
+			for (let weekdayRangeStart = 1; weekdayRangeStart < 8; weekdayRangeStart++) {
+				if (selectedWeekdaysTransformed.includes(weekdayRangeStart)) {
+					label += getWeekdayName(weekdayRangeStart);
+
+					let weekdayRangeEnd = weekdayRangeStart;
+					while (selectedWeekdaysTransformed.includes(weekdayRangeEnd + 1)) {
+						weekdayRangeEnd++;
+					}
+
+					if (weekdayRangeEnd - weekdayRangeStart > 1) {
+						// more than 2 consecutive weekdays selected
+						label += " – " + getWeekdayName(weekdayRangeEnd);
+						weekdayRangeStart = weekdayRangeEnd;
+						if (maxWeekday !== weekdayRangeEnd) {
+							label += ", ";
+						}
+					} else if (weekdayRangeStart !== weekdayRangeEnd) {
+						// exactly 2 consecutive weekdays selected
+						label += ", ";
+					} else {
+						// exactly 1 single day selected
+						if (maxWeekday !== weekdayRangeEnd) {
+							label += ", ";
+						}
+					}
+				}
+			}
+			return label;
+		},
+	},
+});
diff --git a/assets/js/mixins/icon.js b/assets/js/mixins/icon.js
index aef71d05b..5bf6d1212 100644
--- a/assets/js/mixins/icon.js
+++ b/assets/js/mixins/icon.js
@@ -2,7 +2,7 @@ export default {
   props: {
     size: {
       type: String,
-      validator: function (value) {
+      validator(value) {
         return ["xs", "s", "m", "l", "xl"].includes(value);
       },
     },
diff --git a/assets/js/store.js b/assets/js/store.js
deleted file mode 100644
index 993251864..000000000
--- a/assets/js/store.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { reactive } from "vue";
-
-function setProperty(obj, props, value) {
-  const prop = props.shift();
-  if (!obj[prop]) {
-    obj[prop] = {};
-  }
-
-  if (!props.length) {
-    if (value && typeof value === "object" && !Array.isArray(value)) {
-      obj[prop] = { ...obj[prop], ...value };
-    } else {
-      obj[prop] = value;
-    }
-    return;
-  }
-
-  setProperty(obj[prop], props, value);
-}
-
-const initialState = {
-  offline: false,
-  loadpoints: [], // ensure array type
-};
-
-const state = reactive(initialState);
-
-const store = {
-  state,
-  offline: function (value) {
-    state.offline = value;
-  },
-  update: function (msg) {
-    Object.keys(msg).forEach(function (k) {
-      if (k === "log") {
-        window.app.raise(msg[k]);
-      } else {
-        setProperty(state, k.split("."), msg[k]);
-      }
-    });
-  },
-  reset: function () {
-    console.log("resetting state");
-    // reset to initial state
-    Object.keys(initialState).forEach(function (k) {
-      if (k === "offline") return;
-
-      if (Array.isArray(initialState[k])) {
-        state[k] = [];
-      } else {
-        state[k] = undefined;
-      }
-    });
-  },
-};
-
-export default store;
diff --git a/assets/js/store.ts b/assets/js/store.ts
new file mode 100644
index 000000000..f5ce70b7a
--- /dev/null
+++ b/assets/js/store.ts
@@ -0,0 +1,66 @@
+import { reactive } from "vue";
+
+function setProperty(obj: object, props: string[], value: any) {
+	const prop = props.shift();
+	// @ts-expect-error no-explicit-any
+	if (!obj[prop]) {
+		// @ts-expect-error no-explicit-any
+		obj[prop] = {};
+	}
+
+	if (!props.length) {
+		if (value && typeof value === "object" && !Array.isArray(value)) {
+			// @ts-expect-error no-explicit-any
+			obj[prop] = { ...obj[prop], ...value };
+		} else {
+			// @ts-expect-error no-explicit-any
+			obj[prop] = value;
+		}
+		return;
+	}
+
+	// @ts-expect-error no-explicit-any
+	setProperty(obj[prop], props, value);
+}
+
+const initialState: State = {
+	offline: false,
+	loadpoints: [], // ensure array type
+};
+
+const state = reactive(initialState);
+
+const store = {
+	state,
+	offline(value: boolean) {
+		state.offline = value;
+	},
+	// @ts-expect-error no-explicit-any
+	update(msg) {
+		Object.keys(msg).forEach(function (k) {
+			if (k === "log") {
+				window.app.raise(msg[k]);
+			} else {
+				setProperty(state, k.split("."), msg[k]);
+			}
+		});
+	},
+	reset() {
+		console.log("resetting state");
+		// reset to initial state
+		Object.keys(initialState).forEach(function (k) {
+			if (k === "offline") return;
+
+			// @ts-expect-error no-explicit-any
+			if (Array.isArray(initialState[k])) {
+				// @ts-expect-error no-explicit-any
+				state[k] = [];
+			} else {
+				// @ts-expect-error no-explicit-any
+				state[k] = undefined;
+			}
+		});
+	},
+};
+
+export default store;
diff --git a/assets/js/types/evcc.ts b/assets/js/types/evcc.ts
new file mode 100644
index 000000000..e13a5f8e4
--- /dev/null
+++ b/assets/js/types/evcc.ts
@@ -0,0 +1,17 @@
+declare global {
+	interface State {
+		offline: boolean;
+		loadpoints: [];
+		forecast?: any;
+		currency?: CURRENCY;
+	}
+
+	interface Window {
+		app: any;
+	}
+}
+
+export enum CURRENCY {
+	EUR = "EUR",
+	USD = "USD",
+}
diff --git a/assets/js/types/vue.d.ts b/assets/js/types/vue.d.ts
new file mode 100644
index 000000000..83a404bcf
--- /dev/null
+++ b/assets/js/types/vue.d.ts
@@ -0,0 +1,10 @@
+import { ComponentCustomProperties } from "vue";
+
+declare module "vue" {
+	interface ComponentCustomProperties {
+		/**
+		 * Whether experimental UI features should be shown.
+		 */
+		$hiddenFeatures: () => boolean;
+	}
+}
diff --git a/assets/js/utils/deepClone.js b/assets/js/utils/deepClone.js
deleted file mode 100644
index acf99cbc1..000000000
--- a/assets/js/utils/deepClone.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function (obj) {
-  return JSON.parse(JSON.stringify(obj));
-}
diff --git a/assets/js/utils/deepClone.ts b/assets/js/utils/deepClone.ts
new file mode 100644
index 000000000..3f7626ec1
--- /dev/null
+++ b/assets/js/utils/deepClone.ts
@@ -0,0 +1,3 @@
+export default function <T>(obj: T): T {
+	return JSON.parse(JSON.stringify(obj));
+}
diff --git a/assets/js/utils/forecast.ts b/assets/js/utils/forecast.ts
index f4b7a06f3..10fee0c34 100644
--- a/assets/js/utils/forecast.ts
+++ b/assets/js/utils/forecast.ts
@@ -11,6 +11,10 @@ export interface PriceSlot {
 	price: number;
 }
 
+export function isPriceSlot(obj?: TimeseriesEntry | PriceSlot): obj is PriceSlot {
+	return (obj as PriceSlot).start !== undefined;
+}
+
 export interface EnergyByDay {
 	energy: number;
 	complete: boolean;
@@ -73,15 +77,22 @@ export function highestSlotIndexByDay(entries: TimeseriesEntry[], day: number =
 	return entries.findIndex((entry) => entry.ts === highestEntry.ts);
 }
 
-export function adjustedSolar(solar: SolarDetails | undefined): SolarDetails | undefined {
+export function adjustedSolar(solar?: SolarDetails): SolarDetails | undefined {
 	if (!solar?.scale) return solar;
 
 	const { scale } = solar;
-	const result = deepCopy(solar);
-	result.today.energy *= scale;
-	result.tomorrow.energy *= scale;
-	result.dayAfterTomorrow.energy *= scale;
-	result.timeseries?.forEach((entry) => (entry.val *= scale));
+	let result = deepCopy(solar);
+
+	if (result.today) result.today.energy *= scale;
+	if (result.tomorrow) result.tomorrow.energy *= scale;
+	if (result.dayAfterTomorrow) result.dayAfterTomorrow.energy *= scale;
+	if (result.timeseries) {
+		result.timeseries.forEach((entry) => {
+			entry.val *= scale;
+		});
+	}
+
 	result.scale = 1 / scale; // invert to allow back-adjustment
+
 	return result;
 }
diff --git a/assets/js/views/App.vue b/assets/js/views/App.vue
index 98a686426..8cfa87434 100644
--- a/assets/js/views/App.vue
+++ b/assets/js/views/App.vue
@@ -57,13 +57,13 @@ export default {
 		return { title: siteTitle ? `${siteTitle} | evcc` : "evcc" };
 	},
 	computed: {
-		version: function () {
+		version() {
 			return store.state.version;
 		},
-		batteryModalAvailabe: function () {
+		batteryModalAvailabe() {
 			return store.state.battery?.length;
 		},
-		globalSettingsProps: function () {
+		globalSettingsProps() {
 			return this.collectProps(GlobalSettingsModal, store.state);
 		},
 		batterySettingsProps() {
@@ -77,30 +77,30 @@ export default {
 		},
 	},
 	watch: {
-		version: function (now, prev) {
+		version(now, prev) {
 			if (!!prev && !!now) {
 				console.log("new version detected. reloading browser", { now, prev });
 				this.reload();
 			}
 		},
-		offline: function (offline) {
+		offline(offline) {
 			store.offline(offline);
 			if (offline) {
 				this.reconnect();
 			}
 		},
 	},
-	mounted: function () {
+	mounted() {
 		this.connect();
 		document.addEventListener("visibilitychange", this.pageVisibilityChanged, false);
 	},
-	unmounted: function () {
+	unmounted() {
 		this.disconnect();
 		window.clearTimeout(this.reconnectTimeout);
 		document.removeEventListener("visibilitychange", this.pageVisibilityChanged, false);
 	},
 	methods: {
-		pageVisibilityChanged: function () {
+		pageVisibilityChanged() {
 			if (document.hidden) {
 				window.clearTimeout(this.reconnectTimeout);
 				this.disconnect();
@@ -108,14 +108,14 @@ export default {
 				this.connect();
 			}
 		},
-		reconnect: function () {
+		reconnect() {
 			window.clearTimeout(this.reconnectTimeout);
 			this.reconnectTimeout = window.setTimeout(() => {
 				this.disconnect();
 				this.connect();
 			}, 2500);
 		},
-		disconnect: function () {
+		disconnect() {
 			if (this.ws) {
 				this.ws.onerror = null;
 				this.ws.onopen = null;
@@ -125,7 +125,7 @@ export default {
 				this.ws = null;
 			}
 		},
-		connect: function () {
+		connect() {
 			console.log("websocket connect");
 			const supportsWebSockets = "WebSocket" in window;
 			if (!supportsWebSockets) {
diff --git a/assets/js/views/Energy.vue b/assets/js/views/Energy.vue
index 4e1a6a8c3..2bf46aaad 100644
--- a/assets/js/views/Energy.vue
+++ b/assets/js/views/Energy.vue
@@ -47,22 +47,16 @@ import Chart from "../components/Forecast/Chart.vue";
 import IconSelectItem from "../components/Helper/IconSelectItem.vue";
 import IconSelectGroup from "../components/Helper/IconSelectGroup.vue";
 import DynamicPriceIcon from "../components/MaterialIcon/DynamicPrice.vue";
-import { type PriceSlot } from "../utils/forecast";
-import formatter from "../mixins/formatter";
-import store from "../store";
+import { ForecastType, type PriceSlot, type SolarDetails } from "../utils/forecast";
+import formatter from "../mixins/formatter.ts";
+import store from "../store.ts";
 
 interface Forecast {
 	grid?: PriceSlot[];
-	solar?: PriceSlot[];
+	solar?: SolarDetails;
 	co2?: PriceSlot[];
 }
 
-export const TYPES = {
-	SOLAR: "solar",
-	PRICE: "price",
-	CO2: "co2",
-};
-
 export default defineComponent({
 	name: "Energy",
 	components: {
@@ -74,8 +68,8 @@ export default defineComponent({
 	mixins: [formatter],
 	data() {
 		return {
-			selectedType: TYPES.PRICE,
-			types: Object.values(TYPES),
+			selectedType: ForecastType.Price,
+			types: Object.values(ForecastType),
 		};
 	},
 	head() {
@@ -84,9 +78,9 @@ export default defineComponent({
 	computed: {
 		typeIcons() {
 			return {
-				[TYPES.SOLAR]: "shopicon-regular-sun",
-				[TYPES.PRICE]: DynamicPriceIcon,
-				[TYPES.CO2]: "shopicon-regular-eco1",
+				[ForecastType.Solar]: "shopicon-regular-sun",
+				[ForecastType.Price]: DynamicPriceIcon,
+				[ForecastType.Co2]: "shopicon-regular-eco1",
 			};
 		},
 		forecastAvailable() {
@@ -101,7 +95,7 @@ export default defineComponent({
 		},
 	},
 	methods: {
-		updateType(type: string) {
+		updateType(type: ForecastType) {
 			this.selectedType = type;
 		},
 	},
diff --git a/assets/js/views/Main.vue b/assets/js/views/Main.vue
index d9bb7258d..f57c85449 100644
--- a/assets/js/views/Main.vue
+++ b/assets/js/views/Main.vue
@@ -17,7 +17,7 @@ export default {
 		notifications: Array,
 		selectedLoadpointIndex: Number,
 	},
-	data: function () {
+	data() {
 		return store;
 	},
 };
diff --git a/assets/js/views/Sessions.vue b/assets/js/views/Sessions.vue
index 121aaab7b..d8aba81f8 100644
--- a/assets/js/views/Sessions.vue
+++ b/assets/js/views/Sessions.vue
@@ -439,7 +439,7 @@ export default {
 		startDate() {
 			return new Date(this.sessions[0]?.created || Date.now());
 		},
-		topNavigation: function () {
+		topNavigation() {
 			const vehicleLogins = store.state.auth ? store.state.auth.vehicles : {};
 			return { vehicleLogins, ...this.collectProps(TopNavigation, store.state) };
 		},
@@ -642,7 +642,7 @@ export default {
 		},
 	},
 	watch: {
-		offline: function () {
+		offline() {
 			this.loadSessions();
 		},
 	},
diff --git a/package-lock.json b/package-lock.json
index f511978f8..bd99c44dd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,6 +47,7 @@
         "smoothscroll-polyfill": "^0.4.4",
         "snarkdown": "^2.0.0",
         "typescript": "^5.2.2",
+        "typescript-eslint-language-service": "^5.0.5",
         "vite": "^6.1.0",
         "vite-plugin-toml": "^0.7.0",
         "vitest": "^3.0.5",
@@ -56,6 +57,7 @@
         "vue-hot-reload-api": "^2.3.4",
         "vue-i18n": "^11.1.0",
         "vue-router": "^4.0.12",
+        "vue-tsc": "^2.2.8",
         "wait-on": "^8.0.0"
       },
       "devDependencies": {
@@ -94,29 +96,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@asamuzakjp/css-color": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.1.tgz",
-      "integrity": "sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@csstools/css-calc": "^2.1.2",
-        "@csstools/css-color-parser": "^3.0.8",
-        "@csstools/css-parser-algorithms": "^3.0.4",
-        "@csstools/css-tokenizer": "^3.0.3",
-        "lru-cache": "^10.4.3"
-      }
-    },
-    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/@babel/code-frame": {
       "version": "7.26.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
@@ -170,6 +149,15 @@
         "url": "https://opencollective.com/babel"
       }
     },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/generator": {
       "version": "7.26.10",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.10.tgz",
@@ -214,6 +202,15 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/helper-create-class-features-plugin": {
       "version": "7.26.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.26.9.tgz",
@@ -235,6 +232,15 @@
         "@babel/core": "^7.0.0"
       }
     },
+    "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
       "version": "7.26.3",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz",
@@ -252,10 +258,19 @@
         "@babel/core": "^7.0.0"
       }
     },
+    "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz",
-      "integrity": "sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==",
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz",
+      "integrity": "sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
@@ -1464,6 +1479,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/preset-env/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/preset-modules": {
       "version": "0.1.6-no-external-plugins",
       "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
@@ -1545,9 +1569,9 @@
       }
     },
     "node_modules/@chromatic-com/storybook": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.5.tgz",
-      "integrity": "sha512-Y388ft6po5FmGKdkcqz3r2sW6aMF5DSBaatC0jvT5bI/Dh27RJw3gPTmXJcZVNjteNl6tpiP3qxZ9MswAk5luw==",
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.6.tgz",
+      "integrity": "sha512-FDmn5Ry2DzQdik+eq2sp/kJMMT36Ewe7ONXUXM2Izd97c7r6R/QyGli8eyh/F0iyqVvbLveNYFyF0dBOJNwLqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1565,126 +1589,6 @@
         "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
       }
     },
-    "node_modules/@csstools/color-helpers": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.2.tgz",
-      "integrity": "sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT-0",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@csstools/css-calc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.2.tgz",
-      "integrity": "sha512-TklMyb3uBB28b5uQdxjReG4L80NxAqgrECqLZFQbyLekwwlcDDS8r3f07DKqeo8C4926Br0gf/ZDe17Zv4wIuw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^3.0.4",
-        "@csstools/css-tokenizer": "^3.0.3"
-      }
-    },
-    "node_modules/@csstools/css-color-parser": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.8.tgz",
-      "integrity": "sha512-pdwotQjCCnRPuNi06jFuP68cykU1f3ZWExLe/8MQ1LOs8Xq+fTkYgd+2V8mWUWMrOn9iS2HftPVaMZDaXzGbhQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@csstools/color-helpers": "^5.0.2",
-        "@csstools/css-calc": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^3.0.4",
-        "@csstools/css-tokenizer": "^3.0.3"
-      }
-    },
-    "node_modules/@csstools/css-parser-algorithms": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz",
-      "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "@csstools/css-tokenizer": "^3.0.3"
-      }
-    },
-    "node_modules/@csstools/css-tokenizer": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz",
-      "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.1",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
@@ -2086,9 +1990,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.5.0.tgz",
-      "integrity": "sha512-RoV8Xs9eNwiDvhv7M+xcL4PWyRyIXRY/FLp3buU4h1EYfdF7unWUy3dOjPqb3C7rMUewIcqwW850PgS8h1o1yg==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.5.1.tgz",
+      "integrity": "sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==",
       "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.4.3"
@@ -2103,6 +2007,18 @@
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/@eslint-community/regexpp": {
       "version": "4.12.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
@@ -2214,12 +2130,12 @@
       }
     },
     "node_modules/@guolao/vue-monaco-editor": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@guolao/vue-monaco-editor/-/vue-monaco-editor-1.5.4.tgz",
-      "integrity": "sha512-eyBAqxJeDpV4mZYZSpNvh3xUgKCld5eEe0dBtjJhsy2+L0MB6PYFZ/FbPHNwskgp2RoIpfn1DLrIhXXE3lVbwQ==",
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@guolao/vue-monaco-editor/-/vue-monaco-editor-1.5.5.tgz",
+      "integrity": "sha512-NFGImQ8dBYj6ehIxy1DngPRkctB9b6GbxvCm6aXZztNsgm/TtM4u+YM9ZwZHQPlXt7a4IODXoKCcTYEVycBSyA==",
       "license": "MIT",
       "dependencies": {
-        "@monaco-editor/loader": "^1.4.0",
+        "@monaco-editor/loader": "^1.5.0",
         "vue-demi": "latest"
       },
       "peerDependencies": {
@@ -2558,12 +2474,12 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.51.0.tgz",
-      "integrity": "sha512-dJ0dMbZeHhI+wb77+ljx/FeC8VBP6j/rj9OAojO08JI80wTZy6vRk9KvHKiDCUh4iMpEiseMgqRBIeW+eKX6RA==",
+      "version": "1.51.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.51.1.tgz",
+      "integrity": "sha512-nM+kEaTSAoVlXmMPH10017vn3FSiFqr/bh4fKg9vmAdMfd9SDqRZNvPSiAHADc/itWak+qPvMPZQOPwCBW7k7Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright": "1.51.0"
+        "playwright": "1.51.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -2617,9 +2533,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.35.0.tgz",
-      "integrity": "sha512-uYQ2WfPaqz5QtVgMxfN6NpLD+no0MYHDBywl7itPYd3K5TjjSghNKmX8ic9S8NU8w81NVhJv/XojcHptRly7qQ==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.36.0.tgz",
+      "integrity": "sha512-jgrXjjcEwN6XpZXL0HUeOVGfjXhPyxAbbhD0BlXUB+abTOpbPiN5Wb3kOT7yb+uEtATNYF5x5gIfwutmuBA26w==",
       "cpu": [
         "arm"
       ],
@@ -2630,9 +2546,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.35.0.tgz",
-      "integrity": "sha512-FtKddj9XZudurLhdJnBl9fl6BwCJ3ky8riCXjEw3/UIbjmIY58ppWwPEvU3fNu+W7FUsAsB1CdH+7EQE6CXAPA==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.36.0.tgz",
+      "integrity": "sha512-NyfuLvdPdNUfUNeYKUwPwKsE5SXa2J6bCt2LdB/N+AxShnkpiczi3tcLJrm5mA+eqpy0HmaIY9F6XCa32N5yzg==",
       "cpu": [
         "arm64"
       ],
@@ -2643,9 +2559,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.35.0.tgz",
-      "integrity": "sha512-Uk+GjOJR6CY844/q6r5DR/6lkPFOw0hjfOIzVx22THJXMxktXG6CbejseJFznU8vHcEBLpiXKY3/6xc+cBm65Q==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.36.0.tgz",
+      "integrity": "sha512-JQ1Jk5G4bGrD4pWJQzWsD8I1n1mgPXq33+/vP4sk8j/z/C2siRuxZtaUA7yMTf71TCZTZl/4e1bfzwUmFb3+rw==",
       "cpu": [
         "arm64"
       ],
@@ -2656,9 +2572,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.35.0.tgz",
-      "integrity": "sha512-3IrHjfAS6Vkp+5bISNQnPogRAW5GAV1n+bNCrDwXmfMHbPl5EhTmWtfmwlJxFRUCBZ+tZ/OxDyU08aF6NI/N5Q==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.36.0.tgz",
+      "integrity": "sha512-6c6wMZa1lrtiRsbDziCmjE53YbTkxMYhhnWnSW8R/yqsM7a6mSJ3uAVT0t8Y/DGt7gxUWYuFM4bwWk9XCJrFKA==",
       "cpu": [
         "x64"
       ],
@@ -2669,9 +2585,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.35.0.tgz",
-      "integrity": "sha512-sxjoD/6F9cDLSELuLNnY0fOrM9WA0KrM0vWm57XhrIMf5FGiN8D0l7fn+bpUeBSU7dCgPV2oX4zHAsAXyHFGcQ==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.36.0.tgz",
+      "integrity": "sha512-KXVsijKeJXOl8QzXTsA+sHVDsFOmMCdBRgFmBb+mfEb/7geR7+C8ypAml4fquUt14ZyVXaw2o1FWhqAfOvA4sg==",
       "cpu": [
         "arm64"
       ],
@@ -2682,9 +2598,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.35.0.tgz",
-      "integrity": "sha512-2mpHCeRuD1u/2kruUiHSsnjWtHjqVbzhBkNVQ1aVD63CcexKVcQGwJ2g5VphOd84GvxfSvnnlEyBtQCE5hxVVw==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.36.0.tgz",
+      "integrity": "sha512-dVeWq1ebbvByI+ndz4IJcD4a09RJgRYmLccwlQ8bPd4olz3Y213uf1iwvc7ZaxNn2ab7bjc08PrtBgMu6nb4pQ==",
       "cpu": [
         "x64"
       ],
@@ -2695,9 +2611,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.35.0.tgz",
-      "integrity": "sha512-mrA0v3QMy6ZSvEuLs0dMxcO2LnaCONs1Z73GUDBHWbY8tFFocM6yl7YyMu7rz4zS81NDSqhrUuolyZXGi8TEqg==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.36.0.tgz",
+      "integrity": "sha512-bvXVU42mOVcF4le6XSjscdXjqx8okv4n5vmwgzcmtvFdifQ5U4dXFYaCB87namDRKlUL9ybVtLQ9ztnawaSzvg==",
       "cpu": [
         "arm"
       ],
@@ -2708,9 +2624,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.35.0.tgz",
-      "integrity": "sha512-DnYhhzcvTAKNexIql8pFajr0PiDGrIsBYPRvCKlA5ixSS3uwo/CWNZxB09jhIapEIg945KOzcYEAGGSmTSpk7A==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.36.0.tgz",
+      "integrity": "sha512-JFIQrDJYrxOnyDQGYkqnNBtjDwTgbasdbUiQvcU8JmGDfValfH1lNpng+4FWlhaVIR4KPkeddYjsVVbmJYvDcg==",
       "cpu": [
         "arm"
       ],
@@ -2721,9 +2637,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.35.0.tgz",
-      "integrity": "sha512-uagpnH2M2g2b5iLsCTZ35CL1FgyuzzJQ8L9VtlJ+FckBXroTwNOaD0z0/UF+k5K3aNQjbm8LIVpxykUOQt1m/A==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.36.0.tgz",
+      "integrity": "sha512-KqjYVh3oM1bj//5X7k79PSCZ6CvaVzb7Qs7VMWS+SlWB5M8p3FqufLP9VNp4CazJ0CsPDLwVD9r3vX7Ci4J56A==",
       "cpu": [
         "arm64"
       ],
@@ -2734,9 +2650,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.35.0.tgz",
-      "integrity": "sha512-XQxVOCd6VJeHQA/7YcqyV0/88N6ysSVzRjJ9I9UA/xXpEsjvAgDTgH3wQYz5bmr7SPtVK2TsP2fQ2N9L4ukoUg==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.36.0.tgz",
+      "integrity": "sha512-QiGnhScND+mAAtfHqeT+cB1S9yFnNQ/EwCg5yE3MzoaZZnIV0RV9O5alJAoJKX/sBONVKeZdMfO8QSaWEygMhw==",
       "cpu": [
         "arm64"
       ],
@@ -2747,9 +2663,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.35.0.tgz",
-      "integrity": "sha512-5pMT5PzfgwcXEwOaSrqVsz/LvjDZt+vQ8RT/70yhPU06PTuq8WaHhfT1LW+cdD7mW6i/J5/XIkX/1tCAkh1W6g==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.36.0.tgz",
+      "integrity": "sha512-1ZPyEDWF8phd4FQtTzMh8FQwqzvIjLsl6/84gzUxnMNFBtExBtpL51H67mV9xipuxl1AEAerRBgBwFNpkw8+Lg==",
       "cpu": [
         "loong64"
       ],
@@ -2760,9 +2676,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.35.0.tgz",
-      "integrity": "sha512-c+zkcvbhbXF98f4CtEIP1EBA/lCic5xB0lToneZYvMeKu5Kamq3O8gqrxiYYLzlZH6E3Aq+TSW86E4ay8iD8EA==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.36.0.tgz",
+      "integrity": "sha512-VMPMEIUpPFKpPI9GZMhJrtu8rxnp6mJR3ZzQPykq4xc2GmdHj3Q4cA+7avMyegXy4n1v+Qynr9fR88BmyO74tg==",
       "cpu": [
         "ppc64"
       ],
@@ -2773,9 +2689,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.35.0.tgz",
-      "integrity": "sha512-s91fuAHdOwH/Tad2tzTtPX7UZyytHIRR6V4+2IGlV0Cej5rkG0R61SX4l4y9sh0JBibMiploZx3oHKPnQBKe4g==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.36.0.tgz",
+      "integrity": "sha512-ttE6ayb/kHwNRJGYLpuAvB7SMtOeQnVXEIpMtAvx3kepFQeowVED0n1K9nAdraHUPJ5hydEMxBpIR7o4nrm8uA==",
       "cpu": [
         "riscv64"
       ],
@@ -2786,9 +2702,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.35.0.tgz",
-      "integrity": "sha512-hQRkPQPLYJZYGP+Hj4fR9dDBMIM7zrzJDWFEMPdTnTy95Ljnv0/4w/ixFw3pTBMEuuEuoqtBINYND4M7ujcuQw==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.36.0.tgz",
+      "integrity": "sha512-4a5gf2jpS0AIe7uBjxDeUMNcFmaRTbNv7NxI5xOCs4lhzsVyGR/0qBXduPnoWf6dGC365saTiwag8hP1imTgag==",
       "cpu": [
         "s390x"
       ],
@@ -2799,9 +2715,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.35.0.tgz",
-      "integrity": "sha512-Pim1T8rXOri+0HmV4CdKSGrqcBWX0d1HoPnQ0uw0bdp1aP5SdQVNBy8LjYncvnLgu3fnnCt17xjWGd4cqh8/hA==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.36.0.tgz",
+      "integrity": "sha512-5KtoW8UWmwFKQ96aQL3LlRXX16IMwyzMq/jSSVIIyAANiE1doaQsx/KRyhAvpHlPjPiSU/AYX/8m+lQ9VToxFQ==",
       "cpu": [
         "x64"
       ],
@@ -2812,9 +2728,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.35.0.tgz",
-      "integrity": "sha512-QysqXzYiDvQWfUiTm8XmJNO2zm9yC9P/2Gkrwg2dH9cxotQzunBHYr6jk4SujCTqnfGxduOmQcI7c2ryuW8XVg==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.36.0.tgz",
+      "integrity": "sha512-sycrYZPrv2ag4OCvaN5js+f01eoZ2U+RmT5as8vhxiFz+kxwlHrsxOwKPSA8WyS+Wc6Epid9QeI/IkQ9NkgYyQ==",
       "cpu": [
         "x64"
       ],
@@ -2825,9 +2741,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.35.0.tgz",
-      "integrity": "sha512-OUOlGqPkVJCdJETKOCEf1mw848ZyJ5w50/rZ/3IBQVdLfR5jk/6Sr5m3iO2tdPgwo0x7VcncYuOvMhBWZq8ayg==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.36.0.tgz",
+      "integrity": "sha512-qbqt4N7tokFwwSVlWDsjfoHgviS3n/vZ8LK0h1uLG9TYIRuUTJC88E1xb3LM2iqZ/WTqNQjYrtmtGmrmmawB6A==",
       "cpu": [
         "arm64"
       ],
@@ -2838,9 +2754,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.35.0.tgz",
-      "integrity": "sha512-2/lsgejMrtwQe44glq7AFFHLfJBPafpsTa6JvP2NGef/ifOa4KBoglVf7AKN7EV9o32evBPRqfg96fEHzWo5kw==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.36.0.tgz",
+      "integrity": "sha512-t+RY0JuRamIocMuQcfwYSOkmdX9dtkr1PbhKW42AMvaDQa+jOdpUYysroTF/nuPpAaQMWp7ye+ndlmmthieJrQ==",
       "cpu": [
         "ia32"
       ],
@@ -2851,9 +2767,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.35.0.tgz",
-      "integrity": "sha512-PIQeY5XDkrOysbQblSW7v3l1MDZzkTEzAfTPkj5VAu3FW8fS4ynyLg2sINp0fp3SjZ8xkRYpLqoKcYqAkhU1dw==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.36.0.tgz",
+      "integrity": "sha512-aRXd7tRZkWLqGbChgcMMDEHjOKudo1kChb1Jt1IfR8cY/KIpgNviLeJy5FUb9IpSuQj8dU2fAYNMPW/hLKOSTw==",
       "cpu": [
         "x64"
       ],
@@ -2891,9 +2807,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/@storybook/addon-actions": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.6.4.tgz",
-      "integrity": "sha512-mCcyfkeb19fJX0dpQqqZCnWBwjVn0/27xcpR0mbm/KW2wTByU6bKFFujgrHsX3ONl97IcIaUnmwwUwBr1ebZXw==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.6.7.tgz",
+      "integrity": "sha512-XgZCwIcZGThEyD7e2q7rN/jzg7ZHUxn/ln403eex04jWAGBBbtC2IVuowwCWV8HwDihnhpCZEP6HlgjakOYZbQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2908,13 +2824,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-backgrounds": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.6.4.tgz",
-      "integrity": "sha512-lRYGumlYdd1RptQJvOTRMx/q2pDmg2MO5GX4la7VfI8KrUyeuC1ZOSRDEcXeTuAZWJztqmtymg6bB7cAAoxCFA==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.6.7.tgz",
+      "integrity": "sha512-aDFzi83gDhYn0+FGjRYbY5TfBtoG/UgVr9Abi7s5ceabZRhPrYikMyFX0o8V3Z8COl6wUmWmF1luYE4MfXgN2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2927,13 +2843,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-controls": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.6.4.tgz",
-      "integrity": "sha512-oMMP9Bj0RMfYmaitjFt6oBSjKH4titUqP+wE6PrZ3v+Om56f4buqfNKXRf80As2OrsZn0pjj95muWzVVHqIhyQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.6.7.tgz",
+      "integrity": "sha512-6ReB1Sc1qlqvAM7NUmtw2K1cKCgGBs8zYRgL44Q2ti+r55a2ownhm6WUm/kZs2ixSkV9ehm1osiqbGBfAn0Isw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2946,20 +2862,20 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.6.4.tgz",
-      "integrity": "sha512-+kbcjvEAH0Xs+k+raAwfC0WmJilWhxBYnLLeazP3m5AkVI3sIjbzuuZ78NR0DCdRkw9BpuuXMHv5o4tIvLIUlw==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.6.7.tgz",
+      "integrity": "sha512-kgNPEVuLGNJE8EdVQi5Tg2DYgR66/gut07jvhqnJfNqUkj6UpBHad0JR1uwrd7xS3kJs29Fs7UyU87RJnSlwcg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@mdx-js/react": "^3.0.0",
-        "@storybook/blocks": "8.6.4",
-        "@storybook/csf-plugin": "8.6.4",
-        "@storybook/react-dom-shim": "8.6.4",
+        "@storybook/blocks": "8.6.7",
+        "@storybook/csf-plugin": "8.6.7",
+        "@storybook/react-dom-shim": "8.6.7",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
         "ts-dedent": "^2.0.0"
@@ -2969,25 +2885,25 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-essentials": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.6.4.tgz",
-      "integrity": "sha512-3pF0ZDl5EICqe0eOupPQq6PxeupwkLsfTWANuuJUYTJur82kvJd3Chb7P9vqw0A0QBx6106mL6PIyjrFJJMhLg==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.6.7.tgz",
+      "integrity": "sha512-PFT62xuknk4wD1hTZEnYbGP1mJFPlhk7zVVlMjoldMUhmbHsFRhdWCpo93Vu9E3BWVxFxL3Jj+UwSwH4uVmekQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/addon-actions": "8.6.4",
-        "@storybook/addon-backgrounds": "8.6.4",
-        "@storybook/addon-controls": "8.6.4",
-        "@storybook/addon-docs": "8.6.4",
-        "@storybook/addon-highlight": "8.6.4",
-        "@storybook/addon-measure": "8.6.4",
-        "@storybook/addon-outline": "8.6.4",
-        "@storybook/addon-toolbars": "8.6.4",
-        "@storybook/addon-viewport": "8.6.4",
+        "@storybook/addon-actions": "8.6.7",
+        "@storybook/addon-backgrounds": "8.6.7",
+        "@storybook/addon-controls": "8.6.7",
+        "@storybook/addon-docs": "8.6.7",
+        "@storybook/addon-highlight": "8.6.7",
+        "@storybook/addon-measure": "8.6.7",
+        "@storybook/addon-outline": "8.6.7",
+        "@storybook/addon-toolbars": "8.6.7",
+        "@storybook/addon-viewport": "8.6.7",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -2995,13 +2911,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-highlight": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.6.4.tgz",
-      "integrity": "sha512-jFREXnSE/7VuBR8kbluN+DBVkMXEV7MGuCe8Ytb1/D2Q0ohgJe395dfVgEgSMXErOwsn//NV/NgJp6JNXH2DrA==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.6.7.tgz",
+      "integrity": "sha512-4KE1RF4XfqII7XrJPgf/1W0t0EWRKmik5Rrpb6WofXfgZ2QYzLFnyESjf67/g2TMgDnle2drfa/pt5tGV4+I2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3012,19 +2928,19 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-interactions": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.6.4.tgz",
-      "integrity": "sha512-MZAAZjyvmJXCvM35zEiPpXz7vK+fimovt+WZKAMayAbXy5fT+7El0c9dDyTQ2norNKNj9QU/8hiU/1zARSUELQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.6.7.tgz",
+      "integrity": "sha512-FbEWWxCl/5DJDyEGTJqtTJ5XbxM2rOUGCPy+3CkPSpI9yvz3zprRTJRHPFrh7hUqQ4Qkqfjm7JCO29+0CmeE0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.6.4",
-        "@storybook/test": "8.6.4",
+        "@storybook/instrumenter": "8.6.7",
+        "@storybook/test": "8.6.7",
         "polished": "^4.2.2",
         "ts-dedent": "^2.2.0"
       },
@@ -3033,13 +2949,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-measure": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.6.4.tgz",
-      "integrity": "sha512-IpVL1rTy1tO8sy140eU3GdVB1QJ6J62+V6GSstcmqTLxDJQk5jFfg7hVbPEAZZ2sPFmeyceP9AMoBBo0EB355A==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.6.7.tgz",
+      "integrity": "sha512-4dkkCltjKRcJH+ZMv5nbNT0LBQfcXIydVfN9mAvhDsiPFD5eZcHbN4XVfUslECWgrkaa/a6FE1W9PNEUBjCJaA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3051,13 +2967,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-outline": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.6.4.tgz",
-      "integrity": "sha512-28nAslKTy0zWMdxAZcipMDYrEp1TkXVooAsqMGY5AMXMiORi1ObjhmjTLhVt1dXp+aDg0X+M3B6PqoingmHhqQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.6.7.tgz",
+      "integrity": "sha512-atCpCi2CqAWQwL1nu1l5VpIA4fRMnbD4RZMsEiib1suUfNyJv0RdsSgZhp/f+e9sUS0TtMdwhzWT36eEA7VxhQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3069,13 +2985,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-toolbars": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.6.4.tgz",
-      "integrity": "sha512-PU2lvgwCKDn93zpp5MEog103UUmSSugcxDf18xaoa9D15Qtr+YuQHd2hXbxA7+dnYL9lA7MLYsstfxE91ieM4Q==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.6.7.tgz",
+      "integrity": "sha512-gR+mRs+Cc5GINZdKgE7afJLFCSMHkz40+zzdrPu6yY2P4B3UOvuQpt+zC/Er5YQ31EEjIvM6/XMQTM0i2db8AA==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -3083,13 +2999,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/addon-viewport": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.6.4.tgz",
-      "integrity": "sha512-O5Ij+SRVg6grY6JOL5lOpsFyopZxuZEl2GHfh2SUf9hfowNS0QAgFpJupqXkwZzRSrlf9uKrLkjB6ulLgN2gOQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.6.7.tgz",
+      "integrity": "sha512-kTrt6ByCbBIbqoRqQO9watDl5nSIKCC+R0/EmpEl6ZtzBV3l8trZHdvCHhIqOyv7nfaa7pIeTTG1GD6Gdrxk3w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3100,13 +3016,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.6.4.tgz",
-      "integrity": "sha512-+oPXwT3KzJzsdkQuGEzBqOKTIFlb6qmlCWWbDwAnP0SEqYHoTVRTAIa44icFP0EZeIe+ypFVAm1E7kWTLmw1hQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.6.7.tgz",
+      "integrity": "sha512-IFhIKO7R1UPpnoG/5tZH0FgC79oYgXNf+7aGUwq29M/CQWy6p/Pvp0y4P962btY1UZRol+SsU//33nH8o6yNRw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3120,7 +3036,7 @@
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -3132,13 +3048,13 @@
       }
     },
     "node_modules/@storybook/builder-vite": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.6.4.tgz",
-      "integrity": "sha512-FuSP2GhWVVTt6NdX0UJHhPOqhu09X4apSk+KWUf3aITRIJg9gbPYtJDBmxv1vXQEgvfCDdYBYbeG1khiO/Ghfw==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.6.7.tgz",
+      "integrity": "sha512-hgYnVu2cy8clrmDwidu4XjvFMTEi9WiblLH5cPI3LWQjVajIQmDpcWVp6kbD063sIOphh9zYP7cVKGO7ktMB/g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/csf-plugin": "8.6.4",
+        "@storybook/csf-plugin": "8.6.7",
         "browser-assert": "^1.2.1",
         "ts-dedent": "^2.0.0"
       },
@@ -3147,14 +3063,14 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4",
+        "storybook": "^8.6.7",
         "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
       }
     },
     "node_modules/@storybook/components": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.6.4.tgz",
-      "integrity": "sha512-91VEVFWOgHkEFoNFMk6gs1AuOE9Yp7N283BXQOW+AgP+atpzED6t/fIBPGqJ2ewAuzLJ+cFOrasSzoNwVfg3Jg==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.6.7.tgz",
+      "integrity": "sha512-8pnjH1w7PZ/Iiuve1/BJY7EO/kmu0qdE34X1ZM8DyHzuy33EL/PfUuhxNkrL4ayMXrEDp/EJMHx2bqO1RdRV6A==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -3166,13 +3082,13 @@
       }
     },
     "node_modules/@storybook/core": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.6.4.tgz",
-      "integrity": "sha512-glDbjEBi3wokw1T+KQtl93irHO9N0LCwgylWfWVXYDdQjUJ7pGRQGnw73gPX7Ds9tg3myXFC83GjmY94UYSMbA==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.6.7.tgz",
+      "integrity": "sha512-FcvLFA+Qn3+D6LgQkk0MOXA5FBz8DGc0UZmZuVbIwIUV4MV4ywCMwtKdG0cyhtzQg0YNyfiIYWJr7lZ4jLLhYg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/theming": "8.6.4",
+        "@storybook/theming": "8.6.7",
         "better-opn": "^3.0.2",
         "browser-assert": "^1.2.1",
         "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
@@ -3197,19 +3113,6 @@
         }
       }
     },
-    "node_modules/@storybook/core/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@storybook/csf": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.13.tgz",
@@ -3221,9 +3124,9 @@
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.6.4.tgz",
-      "integrity": "sha512-7UpEp4PFTy1iKjZiRaYMG7zvnpLIRPyD0+lUJUlLYG4UIemV3onvnIi1Je1tSZ4hfTup+ulom7JLztVSHZGRMg==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.6.7.tgz",
+      "integrity": "sha512-HK7yQD4kFu04JOKnUwoFeR58r5WY6ucF0D8zfW4Gx+r8hBJ5K4t3z6k2dlIlRQF1X5+2vNkQOwD8liHjckuZ8Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3234,20 +3137,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
-      }
-    },
-    "node_modules/@storybook/csf/node_modules/type-fest": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
-      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/global": {
@@ -3272,9 +3162,9 @@
       }
     },
     "node_modules/@storybook/instrumenter": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.6.4.tgz",
-      "integrity": "sha512-8OtIWLhayTUdqJEeXiPm6l3LTdSkWgQzzV2l2HIe4Adedeot+Rkwu6XHmyRDpnb0+Ish6zmMDqtJBxC2PQsy6Q==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.6.7.tgz",
+      "integrity": "sha512-FeQiV0g5crCWs0P1wKY4xZzb4PxAYNcrm2+9LLGVqwnC7qzrSCPf0p10MlveVfwsen1m6Wbqfe+wl21c31Hfmg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3286,51 +3176,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
-      }
-    },
-    "node_modules/@storybook/instrumenter/node_modules/@vitest/pretty-format": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
-      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@storybook/instrumenter/node_modules/@vitest/utils": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
-      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "2.1.9",
-        "loupe": "^3.1.2",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@storybook/instrumenter/node_modules/tinyrainbow": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
-      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.6.4.tgz",
-      "integrity": "sha512-w/Nn/VznfbIg2oezDfzZNwSTDY5kBZbzxVBHLCnIcyu2AKt2Yto3pfGi60SikFcTrsClaAKT7D92kMQ9qdQNQQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.6.7.tgz",
+      "integrity": "sha512-BA8RxaLP07WGF660LWo7qB3Jomr/+MPuCZmuKPqXxPhfIovqYjr0hnugxJBjEah0ic31aNX4NucNfDRuV7F5sA==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -3342,9 +3194,9 @@
       }
     },
     "node_modules/@storybook/preview-api": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.6.4.tgz",
-      "integrity": "sha512-5HBfxggzxGz0dg2c61NpPiQJav7UAmzsQlzmI5SzWOS6lkaylcDG8giwKzASVCXVWBxNji9qIDFM++UH090aDg==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.6.7.tgz",
+      "integrity": "sha512-Rz83Nx43v3Dn9/SjhIsorkcx1gPmlclueuzf6YywJTqE1E/L4dgoe2mOA9MfF0jr0bh3TwEA2J3ii0Jstg1Orw==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -3356,9 +3208,9 @@
       }
     },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.6.4.tgz",
-      "integrity": "sha512-kTGJ3aFdmfCFzYaDFGmZWfTXr9xhbUaf0tJ6+nEjc4tME6mFwMI+tTUT6U/J6mJhZuc2DjvIRA7bM0x77dIDqw==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.6.7.tgz",
+      "integrity": "sha512-+JH7gbRI6NRbt9o0l1rY4wFdeVt8wGRddm0b55OBlwBGlFo2nvGVOH73J4AGphXVhfY7z33I3TXIjXQ561UdEQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -3368,18 +3220,18 @@
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.6.4"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/test": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.6.4.tgz",
-      "integrity": "sha512-JPjfbaMMuCBT47pg3/MDD9vYFF5OGPAOWEB9nJWJ9IjYAb2Nd8OYJQIDoYJQNT+aLkTVLtvzGnVNwdxpouAJcQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.6.7.tgz",
+      "integrity": "sha512-uF1JbBtdT7tuiXfEtHsUShBHIhm2vc0C39nKVJaTWyK9CybajXaj2Ny3IRa3oY9NKnklwGgN+kZ/Z9YiIOc4MQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.6.4",
+        "@storybook/instrumenter": "8.6.7",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.5.0",
         "@testing-library/user-event": "14.5.2",
@@ -3391,91 +3243,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4"
-      }
-    },
-    "node_modules/@storybook/test/node_modules/@vitest/expect": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz",
-      "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "2.0.5",
-        "@vitest/utils": "2.0.5",
-        "chai": "^5.1.1",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@storybook/test/node_modules/@vitest/pretty-format": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz",
-      "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@storybook/test/node_modules/@vitest/spy": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz",
-      "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyspy": "^3.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@storybook/test/node_modules/@vitest/utils": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz",
-      "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "2.0.5",
-        "estree-walker": "^3.0.3",
-        "loupe": "^3.1.1",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@storybook/test/node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "node_modules/@storybook/test/node_modules/tinyrainbow": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
-      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
+        "storybook": "^8.6.7"
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.4.tgz",
-      "integrity": "sha512-g9Ns4uenC9oAWETaJ/tEKEIPMdS+CqjNWZz5Wbw1bLNhXwADZgKrVqawzZi64+bYYtQ+i8VCTjPoFa6s2eHiDQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.7.tgz",
+      "integrity": "sha512-F/i4XS5bew9dvtNiHvDJF0mko1IUbPM9PUjTYPaw6cK8ytS0kdec703MsJ/GUA7seeEWBeGdZjV3ua0pys650A==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -3487,17 +3261,17 @@
       }
     },
     "node_modules/@storybook/vue3": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-8.6.4.tgz",
-      "integrity": "sha512-Vrgnonk3sSZZHciJ/0Ey+cnOEDlqucnLks1iJ1QKrka//Y+rtIzfHhcGs7HnF0VxtFpajNPSNM4MYj59USjiXQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-8.6.7.tgz",
+      "integrity": "sha512-w32n6x4bOtvNGT2hz+MepJ6pwOJr0ARw2vagMEhYGnwinwCIM7yNaaQv2a3uy87BQnH5miyFKFXEL0Axrj9wOg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/components": "8.6.4",
+        "@storybook/components": "8.6.7",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "8.6.4",
-        "@storybook/preview-api": "8.6.4",
-        "@storybook/theming": "8.6.4",
+        "@storybook/manager-api": "8.6.7",
+        "@storybook/preview-api": "8.6.7",
+        "@storybook/theming": "8.6.7",
         "@vue/compiler-core": "^3.0.0",
         "ts-dedent": "^2.0.0",
         "type-fest": "~2.19",
@@ -3511,19 +3285,19 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4",
+        "storybook": "^8.6.7",
         "vue": "^3.0.0"
       }
     },
     "node_modules/@storybook/vue3-vite": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-8.6.4.tgz",
-      "integrity": "sha512-zmWfSc3DfJzh1DkdiKrQW9XHfBnnlauCroBfvKjo7v91eLXi2GTH2U6CUJR0d7jJ7TJh5dKN6JOQINtk/PKxKg==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-8.6.7.tgz",
+      "integrity": "sha512-CHaWS218UXP2dB23LsCOPCPvImb2KkD5Qiz9fvT7U5RukWbHomQNKo9EQs3ujIjwVjomotBXMm1TfMUIE2Q3lg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/builder-vite": "8.6.4",
-        "@storybook/vue3": "8.6.4",
+        "@storybook/builder-vite": "8.6.7",
+        "@storybook/vue3": "8.6.7",
         "find-package-json": "^1.2.0",
         "magic-string": "^0.30.0",
         "typescript": "^5.7.3",
@@ -3538,23 +3312,10 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.6.4",
+        "storybook": "^8.6.7",
         "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
       }
     },
-    "node_modules/@storybook/vue3/node_modules/type-fest": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
-      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@taplo/core": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@taplo/core/-/core-0.1.1.tgz",
@@ -3678,21 +3439,10 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/node": {
-      "version": "22.13.10",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.10.tgz",
-      "integrity": "sha512-I6LPUvlRH+O6VRUqYOcMudhaIdUVWfsjnZavnsraHvpBwaEyMN29ry+0UVJhImYL16xsscu0aske3yA+uPOWfw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "undici-types": "~6.20.0"
-      }
-    },
     "node_modules/@types/react": {
-      "version": "19.0.10",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.10.tgz",
-      "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==",
+      "version": "19.0.12",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.12.tgz",
+      "integrity": "sha512-V6Ar115dBDrjbtXSrS+/Oruobc+qVbbUxDFC1RSbRqLt5SYvxxyIDrSC85RWml54g+jfNeEMZhEj7wW07ONQhA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -3863,18 +3613,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/utils": {
       "version": "8.26.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.26.1.tgz",
@@ -3915,18 +3653,6 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/@unhead/dom": {
       "version": "1.11.20",
       "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.11.20.tgz",
@@ -4011,9 +3737,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz",
-      "integrity": "sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==",
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz",
+      "integrity": "sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==",
       "license": "MIT",
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
@@ -4024,27 +3750,67 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.8.tgz",
-      "integrity": "sha512-Xu6TTIavTvSSS6LZaA3EebWFr6tsoXPetOWNMOlc7LO88QVVBwq2oQWBoDiLCN6YTvNYsGSjqOO8CAdjom5DCQ==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz",
+      "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "3.0.8",
-        "@vitest/utils": "3.0.8",
-        "chai": "^5.2.0",
-        "tinyrainbow": "^2.0.0"
+        "@vitest/spy": "2.0.5",
+        "@vitest/utils": "2.0.5",
+        "chai": "^5.1.1",
+        "tinyrainbow": "^1.2.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/mocker": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.0.8.tgz",
-      "integrity": "sha512-n3LjS7fcW1BCoF+zWZxG7/5XvuYH+lsFg+BDwwAz0arIwHQJFUEsKBQ0BLU49fCxuM/2HSeBPHQD8WjgrxMfow==",
+    "node_modules/@vitest/expect/node_modules/@vitest/pretty-format": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz",
+      "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "3.0.8",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/@vitest/utils": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz",
+      "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "2.0.5",
+        "estree-walker": "^3.0.3",
+        "loupe": "^3.1.1",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.0.9.tgz",
+      "integrity": "sha512-ryERPIBOnvevAkTq+L1lD+DTFBRcjueL9lOUfXsLfwP92h4e+Heb+PjiqS3/OURWPtywfafK0kj++yDFjWUmrA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "3.0.9",
         "estree-walker": "^3.0.3",
         "magic-string": "^0.30.17"
       },
@@ -4064,6 +3830,18 @@
         }
       }
     },
+    "node_modules/@vitest/mocker/node_modules/@vitest/spy": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.9.tgz",
+      "integrity": "sha512-/CcK2UDl0aQ2wtkp3YVWldrpLRNCfVcIOFGlVGKO4R5eajsH393Z1yiXLVQ7vWsj26JOEjeZI0x5sm5P4OGUNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^3.0.2"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
     "node_modules/@vitest/mocker/node_modules/estree-walker": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
@@ -4074,9 +3852,35 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.8.tgz",
-      "integrity": "sha512-BNqwbEyitFhzYMYHUVbIvepOyeQOSFA/NeJMIP9enMntkkxLgOcgABH6fjyXG85ipTgvero6noreavGIqfJcIg==",
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
+      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.0.9.tgz",
+      "integrity": "sha512-NX9oUXgF9HPfJSwl8tUZCMP1oGx2+Sf+ru6d05QjzQz4OwWg0psEzwY6VexP2tTHWdOkhKHUIZH+fS6nA7jfOw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "3.0.9",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner/node_modules/@vitest/pretty-format": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.9.tgz",
+      "integrity": "sha512-OW9F8t2J3AwFEwENg3yMyKWweF7oRJlMyHOMIhO5F3n0+cgQAJZBjNgrF8dLwFTEXl5jUqBLXd9QyyKv8zEcmA==",
       "license": "MIT",
       "dependencies": {
         "tinyrainbow": "^2.0.0"
@@ -4085,32 +3889,36 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/runner": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.0.8.tgz",
-      "integrity": "sha512-c7UUw6gEcOzI8fih+uaAXS5DwjlBaCJUo7KJ4VvJcjL95+DSR1kova2hFuRt3w41KZEFcOEiq098KkyrjXeM5w==",
+    "node_modules/@vitest/runner/node_modules/@vitest/utils": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.9.tgz",
+      "integrity": "sha512-ilHM5fHhZ89MCp5aAaM9uhfl1c2JdxVxl3McqsdVyVNN6JffnEen8UMCdRTzOhGXNQGo5GNL9QugHrz727Wnng==",
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "3.0.8",
-        "pathe": "^2.0.3"
+        "@vitest/pretty-format": "3.0.9",
+        "loupe": "^3.1.3",
+        "tinyrainbow": "^2.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/runner/node_modules/pathe": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
-      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "license": "MIT"
+    "node_modules/@vitest/runner/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.0.8.tgz",
-      "integrity": "sha512-x8IlMGSEMugakInj44nUrLSILh/zy1f2/BgH0UeHpNyOocG18M9CWVIFBaXPt8TrqVZWmcPjwfG/ht5tnpba8A==",
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.0.9.tgz",
+      "integrity": "sha512-AiLUiuZ0FuA+/8i19mTYd+re5jqjEc2jZbgJ2up0VY0Ddyyxg/uUtBDpIFAy4uzKaQxOW8gMgBdAJJ2ydhu39A==",
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "3.0.8",
+        "@vitest/pretty-format": "3.0.9",
         "magic-string": "^0.30.17",
         "pathe": "^2.0.3"
       },
@@ -4118,33 +3926,50 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/snapshot/node_modules/pathe": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
-      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "license": "MIT"
-    },
-    "node_modules/@vitest/spy": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.8.tgz",
-      "integrity": "sha512-MR+PzJa+22vFKYb934CejhR4BeRpMSoxkvNoDit68GQxRLSf11aT6CTj3XaqUU9rxgWJFnqicN/wxw6yBRkI1Q==",
+    "node_modules/@vitest/snapshot/node_modules/@vitest/pretty-format": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.9.tgz",
+      "integrity": "sha512-OW9F8t2J3AwFEwENg3yMyKWweF7oRJlMyHOMIhO5F3n0+cgQAJZBjNgrF8dLwFTEXl5jUqBLXd9QyyKv8zEcmA==",
       "license": "MIT",
       "dependencies": {
-        "tinyspy": "^3.0.2"
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz",
+      "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^3.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.8.tgz",
-      "integrity": "sha512-nkBC3aEhfX2PdtQI/QwAWp8qZWwzASsU4Npbcd5RdMPBSSLCpkZp52P3xku3s3uA0HIEhGvEcF8rNkBsz9dQ4Q==",
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
+      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "3.0.8",
-        "loupe": "^3.1.3",
-        "tinyrainbow": "^2.0.0"
+        "@vitest/pretty-format": "2.1.9",
+        "loupe": "^3.1.2",
+        "tinyrainbow": "^1.2.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
@@ -4154,7 +3979,6 @@
       "version": "2.4.12",
       "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.12.tgz",
       "integrity": "sha512-RLrFdXEaQBWfSnYGVxvR2WrO6Bub0unkdHYIdC31HzIEqATIuuhRRzYu76iGPZ6OtA4Au1SnW0ZwIqPP217YhA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@volar/source-map": "2.4.12"
@@ -4164,14 +3988,12 @@
       "version": "2.4.12",
       "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.12.tgz",
       "integrity": "sha512-bUFIKvn2U0AWojOaqf63ER0N/iHIBYZPpNGogfLPQ68F5Eet6FnLlyho7BS0y2HJ1jFhSif7AcuTx1TqsCzRzw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@volar/typescript": {
       "version": "2.4.12",
       "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.12.tgz",
       "integrity": "sha512-HJB73OTJDgPc80K30wxi3if4fSsZZAOScbj2fcicMuOPoOkcf9NNAINb33o+DzhBdF9xTKC1gnPmIRDous5S0g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@volar/language-core": "2.4.12",
@@ -4233,7 +4055,6 @@
       "version": "2.7.16",
       "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
       "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "de-indent": "^1.0.2",
@@ -4285,30 +4106,6 @@
         }
       }
     },
-    "node_modules/@vue/eslint-config-typescript/node_modules/eslint-visitor-keys": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@vue/eslint-config-typescript/node_modules/vue-eslint-parser": {
       "version": "10.1.1",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.1.1.tgz",
@@ -4337,7 +4134,6 @@
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.2.8.tgz",
       "integrity": "sha512-rrzB0wPGBvcwaSNRriVWdNAbHQWSf0NlGqgKHK5mEkXpefjUlVRP62u03KvwZpvKVjRnBIQ/Lwre+Mx9N6juUQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@volar/language-core": "~2.4.11",
@@ -4362,7 +4158,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
@@ -4372,7 +4167,6 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -4492,17 +4286,6 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/agent-base": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
-      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -4523,19 +4306,15 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.4.tgz",
       "integrity": "sha512-DJqqQD3XcsaQcQ1s+iE2jDUZmmQpXwHiR6fCAim/w87luaW+vmLY8fMlrdkmRwzaFXhkxf3rqPCR59tKVv1MDw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "license": "MIT",
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "node": ">=8"
       }
     },
     "node_modules/ansi-styles": {
@@ -4606,17 +4385,18 @@
       }
     },
     "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
-      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
+        "es-abstract": "^1.23.9",
         "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4760,19 +4540,28 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.12",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz",
-      "integrity": "sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==",
+      "version": "0.4.13",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz",
+      "integrity": "sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==",
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.3",
+        "@babel/helper-define-polyfill-provider": "^0.6.4",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/babel-plugin-polyfill-corejs3": {
       "version": "0.11.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz",
@@ -4787,12 +4576,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz",
-      "integrity": "sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==",
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz",
+      "integrity": "sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.3"
+        "@babel/helper-define-polyfill-provider": "^0.6.4"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -5054,9 +4843,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001703",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001703.tgz",
-      "integrity": "sha512-kRlAGTRWgPsOj7oARC9m1okJEXdL/8fekFVcxA8Hl7GH4r/sN4OJn/i6Flde373T50KS7Y37oFbMwlE8+F42kQ==",
+      "version": "1.0.30001706",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001706.tgz",
+      "integrity": "sha512-3ZczoTApMAZwPKYWmwVbQMFpXBDds3/0VciVoUwPUbldlYyVLmRVuRs/PcUZtHpbLRpzzDvrvnFuREsGt6lUug==",
       "funding": [
         {
           "type": "opencollective",
@@ -5206,15 +4995,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/cliui/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/cliui/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -5408,61 +5188,12 @@
         "node": ">=4"
       }
     },
-    "node_modules/cssstyle": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.3.0.tgz",
-      "integrity": "sha512-6r0NiY0xizYqfBvWp1G7WXJ06/bZyrk7Dc6PHql82C/pKGUTKu4yAX4Y8JPamb1ob9nBKuxWzCGTRuGwU3yxJQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@asamuzakjp/css-color": "^3.1.1",
-        "rrweb-cssom": "^0.8.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/cssstyle/node_modules/rrweb-cssom": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
-      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "license": "MIT"
     },
-    "node_modules/data-urls": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
-      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "whatwg-mimetype": "^4.0.0",
-        "whatwg-url": "^14.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/data-urls/node_modules/whatwg-mimetype": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/data-view-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
@@ -5524,7 +5255,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
       "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/debug": {
@@ -5544,14 +5274,6 @@
         }
       }
     },
-    "node_modules/decimal.js": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
-      "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/deep-eql": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
@@ -5736,18 +5458,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/editorconfig/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -5755,9 +5465,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.114",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.114.tgz",
-      "integrity": "sha512-DFptFef3iktoKlFQK/afbo274/XNWD00Am0xa7M8FZUepHlHT8PEuiNBoRfFHbH1okqN58AlhbJ4QTkcnXorjA==",
+      "version": "1.5.120",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.120.tgz",
+      "integrity": "sha512-oTUp3gfX1gZI+xfD2djr2rzQdHCwHzPQrrK0CD7WpTdF0nPdQ/INcRVjWgLdCT4a9W3jFObR9DAfsuyFQnI8CQ==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -6176,6 +5886,15 @@
         "ms": "^2.1.1"
       }
     },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/eslint-plugin-node": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
@@ -6196,6 +5915,15 @@
         "eslint": ">=5.16.0"
       }
     },
+    "node_modules/eslint-plugin-node/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/eslint-plugin-prettier": {
       "version": "5.2.3",
       "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.3.tgz",
@@ -6245,9 +5973,9 @@
       }
     },
     "node_modules/eslint-plugin-storybook": {
-      "version": "0.11.4",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.11.4.tgz",
-      "integrity": "sha512-OvLf1ljpDQ6Y/U2kM7hT5hESn+hg0vq/nh62+YiPFWdRIEjuQM9ivmwoTP9nRBExH8fT2VPqM5t/RB68lqTWJw==",
+      "version": "0.11.6",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.11.6.tgz",
+      "integrity": "sha512-3WodYD6Bs9ACqnB+TP2TuLh774c/nacAjxSKOP9bHJ2c8rf+nrhocxjjeAWNmO9IPkFIzTKlcl0vNXI2yYpVOw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6259,8 +5987,7 @@
         "node": ">= 18"
       },
       "peerDependencies": {
-        "eslint": ">=8",
-        "typescript": ">=4.8.4 <5.8.0"
+        "eslint": ">=8"
       }
     },
     "node_modules/eslint-plugin-vue": {
@@ -6300,16 +6027,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint-plugin-vue/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
+    "node_modules/eslint-plugin-vue/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/eslint-scope": {
@@ -6353,18 +6080,6 @@
       }
     },
     "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-visitor-keys": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
       "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
@@ -6400,18 +6115,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/esprima": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
@@ -7031,7 +6734,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "he": "bin/he"
@@ -7043,20 +6745,6 @@
       "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
       "license": "MIT"
     },
-    "node_modules/html-encoding-sniffer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
-      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "whatwg-encoding": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/http-errors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -7073,45 +6761,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/http-errors/node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/http-proxy-agent": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
-      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "agent-base": "^7.1.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
-      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "agent-base": "^7.1.2",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -7477,14 +7126,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-potential-custom-element-name": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/is-promise": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
@@ -7667,17 +7308,6 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
-    "node_modules/jiti": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
-      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "jiti": "lib/jiti-cli.mjs"
-      }
-    },
     "node_modules/joi": {
       "version": "17.13.3",
       "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
@@ -7756,70 +7386,6 @@
         "node": ">=12.0.0"
       }
     },
-    "node_modules/jsdom": {
-      "version": "25.0.1",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-25.0.1.tgz",
-      "integrity": "sha512-8i7LzZj7BF8uplX+ZyOlIz86V6TAsSs+np6m1kpW9u0JWi4z/1t+FzcK1aek+ybTnAC4KhBL4uXCNT0wcUIeCw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "cssstyle": "^4.1.0",
-        "data-urls": "^5.0.0",
-        "decimal.js": "^10.4.3",
-        "form-data": "^4.0.0",
-        "html-encoding-sniffer": "^4.0.0",
-        "http-proxy-agent": "^7.0.2",
-        "https-proxy-agent": "^7.0.5",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.12",
-        "parse5": "^7.1.2",
-        "rrweb-cssom": "^0.7.1",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^5.0.0",
-        "w3c-xmlserializer": "^5.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^3.1.1",
-        "whatwg-mimetype": "^4.0.0",
-        "whatwg-url": "^14.0.0",
-        "ws": "^8.18.0",
-        "xml-name-validator": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "canvas": "^2.11.2"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jsdom/node_modules/whatwg-mimetype": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/jsdom/node_modules/xml-name-validator": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -8137,7 +7703,6 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
       "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/mvdan-sh": {
@@ -8147,9 +7712,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/nanoid": {
-      "version": "3.3.9",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.9.tgz",
-      "integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==",
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
       "funding": [
         {
           "type": "github",
@@ -8203,14 +7768,6 @@
         "url": "https://github.com/fb55/nth-check?sponsor=1"
       }
     },
-    "node_modules/nwsapi": {
-      "version": "2.2.18",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.18.tgz",
-      "integrity": "sha512-p1TRH/edngVEHVbwqWnxUViEmq5znDvyB+Sik5cmuLpGOIfDf/39zLiq3swPF8Vakqn+gvNiOQAZu8djYlQILA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -8432,25 +7989,10 @@
         "node": ">=6"
       }
     },
-    "node_modules/parse5": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
-      "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "entities": "^4.5.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
     "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==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/path-exists": {
@@ -8499,6 +8041,12 @@
       "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
       "license": "ISC"
     },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT"
+    },
     "node_modules/pathval": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz",
@@ -8527,12 +8075,12 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.51.0.tgz",
-      "integrity": "sha512-442pTfGM0xxfCYxuBa/Pu6B2OqxqqaYq39JS8QDMGThUvIOCd6s0ANDog3uwA0cHavVlnTQzGCN7Id2YekDSXA==",
+      "version": "1.51.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.51.1.tgz",
+      "integrity": "sha512-kkx+MB2KQRkyxjYPc3a0wLZZoDczmppyGJIvQ43l+aZihkaVvmu/21kiyaHeHjiFxjxNNFnUncKmcGIyOojsaw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright-core": "1.51.0"
+        "playwright-core": "1.51.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -8545,9 +8093,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.51.0.tgz",
-      "integrity": "sha512-x47yPE3Zwhlil7wlNU/iktF7t2r/URR3VLbH6EknJd/04Qc/PSJ0EY3CMXipmglLG+zyRxW6HNo2EGbKLHPWMg==",
+      "version": "1.51.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.51.1.tgz",
+      "integrity": "sha512-/crRMj8+j/Nq5s8QcvegseuyeZPxpQCZb6HNk3Sos3BlZyAknRjoyJPFWkpNn8v0+P3WiwqFF8P+zQo4eqiNuw==",
       "license": "Apache-2.0",
       "bin": {
         "playwright-core": "cli.js"
@@ -8707,16 +8255,6 @@
         "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
       }
     },
-    "node_modules/pretty-format/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/pretty-format/node_modules/ansi-styles": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
@@ -9227,9 +8765,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.35.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.35.0.tgz",
-      "integrity": "sha512-kg6oI4g+vc41vePJyO6dHt/yl0Rz3Thv0kJeVQ3D1kS3E5XSuKbPc29G4IpT/Kv1KQwgHVcN+HtyS+HYLNSvQg==",
+      "version": "4.36.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.36.0.tgz",
+      "integrity": "sha512-zwATAXNQxUcd40zgtQG0ZafcRK4g004WtEl7kbuhTWPvf07PsfohXl39jVUvPF7jvNAIkKPQ2XrsDlWuxBd++Q==",
       "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.6"
@@ -9242,25 +8780,25 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.35.0",
-        "@rollup/rollup-android-arm64": "4.35.0",
-        "@rollup/rollup-darwin-arm64": "4.35.0",
-        "@rollup/rollup-darwin-x64": "4.35.0",
-        "@rollup/rollup-freebsd-arm64": "4.35.0",
-        "@rollup/rollup-freebsd-x64": "4.35.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.35.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.35.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.35.0",
-        "@rollup/rollup-linux-arm64-musl": "4.35.0",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.35.0",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.35.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.35.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.35.0",
-        "@rollup/rollup-linux-x64-gnu": "4.35.0",
-        "@rollup/rollup-linux-x64-musl": "4.35.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.35.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.35.0",
-        "@rollup/rollup-win32-x64-msvc": "4.35.0",
+        "@rollup/rollup-android-arm-eabi": "4.36.0",
+        "@rollup/rollup-android-arm64": "4.36.0",
+        "@rollup/rollup-darwin-arm64": "4.36.0",
+        "@rollup/rollup-darwin-x64": "4.36.0",
+        "@rollup/rollup-freebsd-arm64": "4.36.0",
+        "@rollup/rollup-freebsd-x64": "4.36.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.36.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.36.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.36.0",
+        "@rollup/rollup-linux-arm64-musl": "4.36.0",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.36.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.36.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.36.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.36.0",
+        "@rollup/rollup-linux-x64-gnu": "4.36.0",
+        "@rollup/rollup-linux-x64-musl": "4.36.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.36.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.36.0",
+        "@rollup/rollup-win32-x64-msvc": "4.36.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -9306,14 +8844,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/rrweb-cssom": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.7.1.tgz",
-      "integrity": "sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -9404,20 +8934,6 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
-    "node_modules/saxes": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-      "license": "ISC",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "xmlchars": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=v12.22.7"
-      }
-    },
     "node_modules/scheduler": {
       "version": "0.25.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz",
@@ -9426,12 +8942,15 @@
       "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/set-function-length": {
@@ -9675,6 +9194,15 @@
       "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==",
       "license": "MIT"
     },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/std-env": {
       "version": "3.8.1",
       "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.8.1.tgz",
@@ -9682,13 +9210,13 @@
       "license": "MIT"
     },
     "node_modules/storybook": {
-      "version": "8.6.4",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.6.4.tgz",
-      "integrity": "sha512-XXh1Acvf1r3BQX0BDLQw6yhZ7yUGvYxIcKOBuMdetnX7iXtczipJTfw0uyFwk0ltkKEE9PpJvivYmARF3u64VQ==",
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.6.7.tgz",
+      "integrity": "sha512-9gktoFMQDSCINNGQH869d/sar9rVtAhr0HchcvDA6bssAqgQJvTphY4qC9lH54SxfTJm/7Sy+BKEngMK+dziJg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/core": "8.6.4"
+        "@storybook/core": "8.6.7"
       },
       "bin": {
         "getstorybook": "bin/index.cjs",
@@ -9740,15 +9268,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/string-width-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -9851,13 +9370,16 @@
         "node": ">=8"
       }
     },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+    "node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
     "node_modules/strip-bom": {
@@ -9918,14 +9440,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/symbol-tree": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/synckit": {
       "version": "0.9.2",
       "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
@@ -10003,9 +9517,10 @@
       }
     },
     "node_modules/tinyrainbow": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
-      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=14.0.0"
@@ -10020,28 +9535,6 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/tldts": {
-      "version": "6.1.84",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.84.tgz",
-      "integrity": "sha512-aRGIbCIF3teodtUFAYSdQONVmDRy21REM3o6JnqWn5ZkQBJJ4gHxhw6OfwQ+WkSAi3ASamrS4N4nyazWx6uTYg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "tldts-core": "^6.1.84"
-      },
-      "bin": {
-        "tldts": "bin/cli.js"
-      }
-    },
-    "node_modules/tldts-core": {
-      "version": "6.1.84",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.84.tgz",
-      "integrity": "sha512-NaQa1W76W2aCGjXybvnMYzGSM4x8fvG2AN/pla7qxcg0ZHbooOPhA8kctmOZUDfZyhDL27OGNbwAeig8P4p1vg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -10085,32 +9578,16 @@
         "url": "https://github.com/sponsors/ota-meshi"
       }
     },
-    "node_modules/tough-cookie": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
-      "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
-      "license": "BSD-3-Clause",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "tldts": "^6.1.32"
-      },
+    "node_modules/toml-eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz",
-      "integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "punycode": "^2.3.1"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
-      "engines": {
-        "node": ">=18"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/ts-api-utils": {
@@ -10192,12 +9669,13 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
       "license": "(MIT OR CC0-1.0)",
       "engines": {
-        "node": ">=10"
+        "node": ">=12.20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -10291,9 +9769,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.7.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
-      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
+      "version": "5.8.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -10325,6 +9803,17 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
+    "node_modules/typescript-eslint-language-service": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/typescript-eslint-language-service/-/typescript-eslint-language-service-5.0.5.tgz",
+      "integrity": "sha512-b7gWXpwSTqMVKpPX3WttNZEyVAMKs/2jsHKF79H+qaD6mjzCyU5jboJe/lOZgLJD+QRsXCr0GjIVxvl5kI1NMw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@typescript-eslint/parser": ">= 5.0.0",
+        "eslint": ">= 8.0.0",
+        "typescript": ">= 4.0.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
@@ -10343,14 +9832,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/undici-types": {
-      "version": "6.20.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/unhead": {
       "version": "1.11.20",
       "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.11.20.tgz",
@@ -10513,9 +9994,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.1.tgz",
-      "integrity": "sha512-n2GnqDb6XPhlt9B8olZPrgMD/es/Nd1RdChF6CBD/fHW6pUyUTt2sQW2fPRX5GiD9XEa6+8A6A4f2vT6pSsE7Q==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.2.tgz",
+      "integrity": "sha512-yW7PeMM+LkDzc7CgJuRLMW2Jz0FxMOsVJ8Lv3gpgW9WLcb9cTW+121UEr1hvmfR7w3SegR5ItvYyzVz1vxNJgQ==",
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
@@ -10583,6 +10064,28 @@
         }
       }
     },
+    "node_modules/vite-node": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.0.9.tgz",
+      "integrity": "sha512-w3Gdx7jDcuT9cNn9jExXgOyKmf5UOTb6WMHz8LGAm54eS1Elf5OuBhCxl6zJxGhEeIkgsE1WbHuoL0mj/UXqXg==",
+      "license": "MIT",
+      "dependencies": {
+        "cac": "^6.7.14",
+        "debug": "^4.4.0",
+        "es-module-lexer": "^1.6.0",
+        "pathe": "^2.0.3",
+        "vite": "^5.0.0 || ^6.0.0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
     "node_modules/vite-plugin-toml": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/vite-plugin-toml/-/vite-plugin-toml-0.7.0.tgz",
@@ -10614,18 +10117,18 @@
       }
     },
     "node_modules/vitest": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.8.tgz",
-      "integrity": "sha512-dfqAsNqRGUc8hB9OVR2P0w8PZPEckti2+5rdZip0WIz9WW0MnImJ8XiR61QhqLa92EQzKP2uPkzenKOAHyEIbA==",
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.9.tgz",
+      "integrity": "sha512-BbcFDqNyBlfSpATmTtXOAOj71RNKDDvjBM/uPfnxxVGrG+FSH2RQIwgeEngTaTkuU/h0ScFvf+tRcKfYXzBybQ==",
       "license": "MIT",
       "dependencies": {
-        "@vitest/expect": "3.0.8",
-        "@vitest/mocker": "3.0.8",
-        "@vitest/pretty-format": "^3.0.8",
-        "@vitest/runner": "3.0.8",
-        "@vitest/snapshot": "3.0.8",
-        "@vitest/spy": "3.0.8",
-        "@vitest/utils": "3.0.8",
+        "@vitest/expect": "3.0.9",
+        "@vitest/mocker": "3.0.9",
+        "@vitest/pretty-format": "^3.0.9",
+        "@vitest/runner": "3.0.9",
+        "@vitest/snapshot": "3.0.9",
+        "@vitest/spy": "3.0.9",
+        "@vitest/utils": "3.0.9",
         "chai": "^5.2.0",
         "debug": "^4.4.0",
         "expect-type": "^1.1.0",
@@ -10637,7 +10140,7 @@
         "tinypool": "^1.0.2",
         "tinyrainbow": "^2.0.0",
         "vite": "^5.0.0 || ^6.0.0",
-        "vite-node": "3.0.8",
+        "vite-node": "3.0.9",
         "why-is-node-running": "^2.3.0"
       },
       "bin": {
@@ -10653,8 +10156,8 @@
         "@edge-runtime/vm": "*",
         "@types/debug": "^4.1.12",
         "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-        "@vitest/browser": "3.0.8",
-        "@vitest/ui": "3.0.8",
+        "@vitest/browser": "3.0.9",
+        "@vitest/ui": "3.0.9",
         "happy-dom": "*",
         "jsdom": "*"
       },
@@ -10682,34 +10185,68 @@
         }
       }
     },
-    "node_modules/vitest/node_modules/pathe": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
-      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "license": "MIT"
-    },
-    "node_modules/vitest/node_modules/vite-node": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.0.8.tgz",
-      "integrity": "sha512-6PhR4H9VGlcwXZ+KWCdMqbtG649xCPZqfI9j2PsK1FcXgEzro5bGHcVKFCTqPLaNKZES8Evqv4LwvZARsq5qlg==",
+    "node_modules/vitest/node_modules/@vitest/expect": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.9.tgz",
+      "integrity": "sha512-5eCqRItYgIML7NNVgJj6TVCmdzE7ZVgJhruW0ziSQV4V7PvLkDL1bBkBdcTs/VuIz0IxPb5da1IDSqc1TR9eig==",
       "license": "MIT",
       "dependencies": {
-        "cac": "^6.7.14",
-        "debug": "^4.4.0",
-        "es-module-lexer": "^1.6.0",
-        "pathe": "^2.0.3",
-        "vite": "^5.0.0 || ^6.0.0"
-      },
-      "bin": {
-        "vite-node": "vite-node.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+        "@vitest/spy": "3.0.9",
+        "@vitest/utils": "3.0.9",
+        "chai": "^5.2.0",
+        "tinyrainbow": "^2.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vitest/node_modules/@vitest/pretty-format": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.9.tgz",
+      "integrity": "sha512-OW9F8t2J3AwFEwENg3yMyKWweF7oRJlMyHOMIhO5F3n0+cgQAJZBjNgrF8dLwFTEXl5jUqBLXd9QyyKv8zEcmA==",
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vitest/node_modules/@vitest/spy": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.9.tgz",
+      "integrity": "sha512-/CcK2UDl0aQ2wtkp3YVWldrpLRNCfVcIOFGlVGKO4R5eajsH393Z1yiXLVQ7vWsj26JOEjeZI0x5sm5P4OGUNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^3.0.2"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vitest/node_modules/@vitest/utils": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.9.tgz",
+      "integrity": "sha512-ilHM5fHhZ89MCp5aAaM9uhfl1c2JdxVxl3McqsdVyVNN6JffnEen8UMCdRTzOhGXNQGo5GNL9QugHrz727Wnng==",
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.0.9",
+        "loupe": "^3.1.3",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vitest/node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/void-elements": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
@@ -10724,7 +10261,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
       "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/vue": {
@@ -10859,6 +10395,18 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/vue-eslint-parser/node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
@@ -10876,18 +10424,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
@@ -10939,29 +10475,20 @@
         "vue": "^3.2.0"
       }
     },
-    "node_modules/w3c-xmlserializer": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
-      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+    "node_modules/vue-tsc": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.2.8.tgz",
+      "integrity": "sha512-jBYKBNFADTN+L+MdesNX/TB3XuDSyaWynKMDgR+yCSln0GQ9Tfb7JS2lr46s2LiFUT1WsmfWsSvIElyxzOPqcQ==",
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
-        "xml-name-validator": "^5.0.0"
+        "@volar/typescript": "~2.4.11",
+        "@vue/language-core": "2.2.8"
       },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/w3c-xmlserializer/node_modules/xml-name-validator": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
       }
     },
     "node_modules/wait-on": {
@@ -10999,34 +10526,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/whatwg-encoding": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "iconv-lite": "0.6.3"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/whatwg-mimetype": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
@@ -11036,21 +10535,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/whatwg-url": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.1.1.tgz",
-      "integrity": "sha512-mDGf9diDad/giZ/Sm9Xi2YcyzaFpbdLpJPr+E9fSkyQ7KpQD4SdFcugkRQYzhmfI4KeV4Qpnn2sKPdo+kmsgRQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "tr46": "^5.0.0",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -11227,15 +10711,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -11284,7 +10759,7 @@
       "version": "8.18.1",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz",
       "integrity": "sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
@@ -11311,14 +10786,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/xmlchars": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -11361,15 +10828,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/yargs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/yargs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
diff --git a/package.json b/package.json
index 4bcc130de..20a49181c 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "build": "vite build",
     "test": "TZ=Europe/Berlin vitest",
-    "lint": "prettier assets './**/*.{yml,yaml,sh}' --write && eslint assets/**/*.js assets/**/*.vue --fix --max-warnings=0",
+    "lint": "prettier assets './**/*.{yml,yaml,sh}' --write && eslint assets/**/*.js assets/**/*.vue --fix --max-warnings=0 && vue-tsc --noEmit",
     "dev": "vite",
     "playwright": "playwright test --ui",
     "simulator": "vite tests/simulator",
@@ -54,6 +54,7 @@
     "smoothscroll-polyfill": "^0.4.4",
     "snarkdown": "^2.0.0",
     "typescript": "^5.2.2",
+    "typescript-eslint-language-service": "^5.0.5",
     "vite": "^6.1.0",
     "vite-plugin-toml": "^0.7.0",
     "vitest": "^3.0.5",
@@ -63,6 +64,7 @@
     "vue-hot-reload-api": "^2.3.4",
     "vue-i18n": "^11.1.0",
     "vue-router": "^4.0.12",
+    "vue-tsc": "^2.2.8",
     "wait-on": "^8.0.0"
   },
   "engines": {
diff --git a/tsconfig.json b/tsconfig.json
index 01e340d3a..67389490e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,19 +1,24 @@
 {
-    "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
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "assets/js/**/*"],
+  "compilerOptions": {
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitReturns": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "composite": true,
+    "allowJs": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "plugins": [
+      {
+        "name": "typescript-eslint-language-service"
+      }
+    ]
+  }
+}