npm up

package.json

@@ -47,14 +47,14 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.1.4",
     "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/test-utils": "^2.2.6",
     "eslint": "^8.30.0",
     "eslint-plugin-vue": "^9.3.0",
-    "jsdom": "^22.1.0",
+    "jsdom": "^24.0.0",
     "postcss": "^8.4.31",
-    "postcss-preset-env": "^8.1.0",
-    "prettier": "^2.8.1",
+    "postcss-preset-env": "^9.3.0",
+    "prettier": "^3.2.5",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "vite": "^4.0.4",
     "vite-plugin-node-polyfills": "^0.9.0",

src/App.vue

@@ -79,7 +79,7 @@ export default {
 		async saveValues(topicsToSave = undefined) {
 			function sleep(milliseconds) {
 				return new Promise((resolve) =>
-					setTimeout(resolve, milliseconds)
+					setTimeout(resolve, milliseconds),
 				);
 			}
 
@@ -136,7 +136,7 @@ export default {
 			this.doPublish(
 				"openWB/set/command/" + this.client.options.clientId + "/todo",
 				event,
-				false
+				false,
 			);
 		},
 		/**
@@ -162,7 +162,7 @@ export default {
 			this.client.on("connect", () => {
 				console.debug(
 					"Connection succeeded! ClientId: ",
-					this.client.options.clientId
+					this.client.options.clientId,
 				);
 				this.doSubscribe(["openWB/system/usage_terms_acknowledged"]); // required for route guard
 			});
@@ -180,7 +180,7 @@ export default {
 					} catch (error) {
 						console.debug(
 							"Json parsing failed, fallback to string: ",
-							topic
+							topic,
 						);
 						myPayload = message.toString();
 					}
@@ -221,7 +221,7 @@ export default {
 					if (error) {
 						console.error("Publish error", error);
 					}
-				}
+				},
 			);
 		},
 		postClientMessage(message, type = "secondary") {

src/components/OpenwbBaseArrayInput.vue

@@ -93,7 +93,7 @@ library.add(
 	fasTag,
 	fasTimesCircle,
 	fasPlus,
-	fasInfoCircle
+	fasInfoCircle,
 );
 
 export default {

src/components/OpenwbBaseCopyToClipboard.vue

@@ -45,11 +45,11 @@ export default {
 						},
 						() => {
 							console.error("copy to clipboard failed");
-						}
+						},
 					);
 			} else {
 				console.debug(
-					"clipboard api not supported/enabled, fallback to select"
+					"clipboard api not supported/enabled, fallback to select",
 				);
 				if (window.getSelection) {
 					console.debug("using 'window.getSelection'");

src/components/OpenwbBaseModalDialog.vue

@@ -82,7 +82,7 @@ export default {
 			validator: function (value) {
 				return (
 					["around", "between", "center", "end", "start"].indexOf(
-						value
+						value,
 					) !== -1
 				);
 			},

src/components/OpenwbBaseNumberInput.vue

@@ -76,8 +76,8 @@ export default {
 				if (this.precision !== undefined) {
 					return parseFloat(
 						Math.round(
-							this.modelValue * Math.pow(10, this.precision)
-						) / Math.pow(10, this.precision)
+							this.modelValue * Math.pow(10, this.precision),
+						) / Math.pow(10, this.precision),
 					);
 				}
 				return this.modelValue;

src/components/OpenwbBaseRangeInput.vue

@@ -66,7 +66,7 @@ library.add(
 	fasQuestionCircle,
 	farQuestionCircle,
 	fasStepForward,
-	fasStepBackward
+	fasStepBackward,
 );
 
 export default {
@@ -138,7 +138,7 @@ export default {
 							"sliderValue: not found in values: ",
 							this.modelValue,
 							"using min as default: ",
-							this.min
+							this.min,
 						);
 						return this.min;
 					} else {
@@ -164,7 +164,7 @@ export default {
 		increment() {
 			var newSliderValue = Math.min(
 				this.sliderValue + this.step,
-				this.max
+				this.max,
 			);
 			// rounding needed!
 			this.sliderValue =
@@ -174,7 +174,7 @@ export default {
 		decrement() {
 			var newSliderValue = Math.max(
 				this.sliderValue - this.step,
-				this.min
+				this.min,
 			);
 			// rounding needed!
 			this.sliderValue =

src/components/OpenwbBaseTextInput.vue

@@ -238,7 +238,7 @@ library.add(
 	fasClock,
 	fasCalendarDay,
 	farEye,
-	farEyeSlash
+	farEyeSlash,
 );
 
 export default {
@@ -306,7 +306,7 @@ export default {
 						console.error("parsing JSON failed: " + newValue);
 						this.inputInvalid = true;
 						this.$refs.jsonInput.setCustomValidity(
-							"Ungültiger JSON Ausdruck!"
+							"Ungültiger JSON Ausdruck!",
 						);
 						this.tempValue = newValue;
 					}
@@ -375,7 +375,7 @@ export default {
 					break;
 				default:
 					console.warn(
-						`cannot modify input of subtype '${this.subtype}'`
+						`cannot modify input of subtype '${this.subtype}'`,
 					);
 					return;
 			}

src/components/OpenwbBaseTextarea.vue

@@ -112,7 +112,7 @@ export default {
 						console.warn("parsing JSON failed: " + newValue);
 						this.inputInvalid = true;
 						this.$refs.jsonInput.setCustomValidity(
-							"Ungültiger JSON Ausdruck!"
+							"Ungültiger JSON Ausdruck!",
 						);
 						this.tempValue = newValue;
 					}

src/components/OpenwbBaseToast.vue

@@ -77,7 +77,7 @@ export default {
 				if (Math.abs(elapsed) > units[unit]) {
 					this.relativeTime = rtf.format(
 						Math.round(-elapsed / units[unit]), // negative time diff!
-						unit
+						unit,
 					);
 					break;
 				}

src/components/OpenwbNestedList.vue

@@ -58,7 +58,7 @@ library.add(
 	fasChargingStation,
 	fasCarBattery,
 	fasSolarPanel,
-	fasGaugeHigh
+	fasGaugeHigh,
 );
 
 export default {

src/components/OpenwbPageMessages.vue

@@ -91,11 +91,11 @@ export default {
 				if (
 					(total == "light" &&
 						["info", "success", "warning", "danger"].includes(
-							currentMessage.type
+							currentMessage.type,
 						)) ||
 					(total == "info" &&
 						["success", "warning", "danger"].includes(
-							currentMessage.type
+							currentMessage.type,
 						)) ||
 					(total == "success" &&
 						["warning", "danger"].includes(currentMessage.type)) ||
@@ -157,7 +157,7 @@ export default {
 		},
 		systemMessages() {
 			let messageTopics = this.getWildcardTopics(
-				"openWB/system/messages/+"
+				"openWB/system/messages/+",
 			);
 			var messageList = [];
 			for (const [key, element] of Object.entries(messageTopics)) {
@@ -167,7 +167,7 @@ export default {
 		},
 		clientMessages() {
 			let messageTopics = this.getWildcardTopics(
-				"openWB/command/" + this.$root.mqttClientId + "/messages/+"
+				"openWB/command/" + this.$root.mqttClientId + "/messages/+",
 			);
 			var messageList = [];
 			for (const [key, element] of Object.entries(messageTopics)) {
@@ -192,7 +192,7 @@ export default {
 		 */
 		dismissError() {
 			this.clearTopic(
-				"openWB/command/" + this.$root.mqttClientId + "/error"
+				"openWB/command/" + this.$root.mqttClientId + "/error",
 			);
 		},
 		/**

src/components/__tests__/OpenwbBaseArrayInput.spec.js

@@ -2,7 +2,7 @@ import { describe, it, expect } from "vitest";
 import { shallowMount } from "@vue/test-utils";
 import OpenwbBaseArrayInput from "../OpenwbBaseArrayInput.vue";
 
-describe("OpenwbBaseNumberInput.vue", () => {
+describe("OpenwbBaseArrayInput.vue", () => {
 	// check title prop
 	it("render title", () => {
 		const title = "Array Input Test";
@@ -36,7 +36,7 @@ describe("OpenwbBaseNumberInput.vue", () => {
 		expect(wrapper.find("span.alert.alert-info").exists()).toBe(false);
 		await titleLabel.trigger("click");
 		expect(wrapper.find("span.alert.alert-info").html()).toContain(
-			helpContent
+			helpContent,
 		);
 	});
 	// check initial value
@@ -57,7 +57,7 @@ describe("OpenwbBaseNumberInput.vue", () => {
 		const renderedTextInput = wrapper.find("input[type=text]");
 		await renderedTextInput.setValue(newTag);
 		const renderedAddButton = wrapper.find(
-			".input-group-append font-awesome-icon-stub"
+			".input-group-append font-awesome-icon-stub",
 		);
 		await renderedAddButton.trigger("click");
 		expect(wrapper.emitted("update:modelValue")[0]).toStrictEqual([

src/components/__tests__/OpenwbBaseButtonGroupInput.spec.js

@@ -36,7 +36,7 @@ describe("OpenwbBaseButtonGroupInput.vue", () => {
 		expect(wrapper.find("span.alert.alert-info").exists()).toBe(false);
 		await titleLabel.trigger("click");
 		expect(wrapper.find("span.alert.alert-info").html()).toContain(
-			helpContent
+			helpContent,
 		);
 	});
 	// check buttons

src/components/__tests__/OpenwbBaseCheckboxInput.spec.js

@@ -36,7 +36,7 @@ describe("OpenwbBaseCheckboxInput.vue", () => {
 		expect(wrapper.find("span.alert.alert-info").exists()).toBe(false);
 		await titleLabel.trigger("click");
 		expect(wrapper.find("span.alert.alert-info").html()).toContain(
-			helpContent
+			helpContent,
 		);
 	});
 	// check buttons

src/components/__tests__/OpenwbBaseNumberInput.spec.js

@@ -45,7 +45,7 @@ describe("OpenwbBaseNumberInput.vue", () => {
 		expect(wrapper.find("span.alert.alert-info").exists()).toBe(false);
 		await titleLabel.trigger("click");
 		expect(wrapper.find("span.alert.alert-info").html()).toContain(
-			helpContent
+			helpContent,
 		);
 	});
 	// check initial value

src/components/__tests__/OpenwbBaseRangeInput.spec.js

@@ -46,7 +46,7 @@ describe("OpenwbBaseRangeInput.vue", () => {
 		expect(wrapper.find("div.alert.alert-info").exists()).toBe(false);
 		await titleLabel.trigger("click");
 		expect(wrapper.find("div.alert.alert-info").html()).toContain(
-			helpContent
+			helpContent,
 		);
 	});
 	// check initial value

src/components/charge_points/OpenwbChargePointProxy.vue

@@ -38,7 +38,7 @@ export default {
 	computed: {
 		myChargePointSettingsComponent() {
 			console.debug(
-				`loading charge point settings: ${this.chargePointType}`
+				`loading charge point settings: ${this.chargePointType}`,
 			);
 			return defineAsyncComponent({
 				loader: () =>
@@ -48,7 +48,7 @@ export default {
 		},
 		myChargePointCommandsComponent() {
 			console.debug(
-				`loading charge point commands: ${this.chargePointType}`
+				`loading charge point commands: ${this.chargePointType}`,
 			);
 			return defineAsyncComponent({
 				loader: () => import(`./${this.chargePointType}/commands.vue`),

src/components/charge_points/openwb_pro/commands.vue

@@ -28,7 +28,7 @@ export default {
 			formData.append("command", "update");
 			formData.append(
 				"data",
-				'{"ip_address":"' + this.configuration.ip_address + '"}'
+				'{"ip_address":"' + this.configuration.ip_address + '"}',
 			);
 			const startedMessage =
 				"Die Aktualisierung der openWB Pro wird gestartet...";
@@ -41,7 +41,7 @@ export default {
 						location.host +
 						"/openWB/web/settings/modules/charge_points/openwb_pro/commands.php",
 					formData,
-					{ timeout: 5000 }
+					{ timeout: 5000 },
 				)
 				.then(() => {
 					const successMessage =
@@ -55,7 +55,7 @@ export default {
 						// that falls out of the range of 2xx
 						console.error(
 							error.response.status,
-							error.response.data
+							error.response.data,
 						);
 						alertMessage +=
 							error.response.status + ": " + error.response.data;

src/components/devices/OpenwbConfigProxy.vue

@@ -27,7 +27,7 @@ export default {
 	computed: {
 		myComponent() {
 			console.debug(
-				`loading component: ${this.deviceType} / ${this.componentType}`
+				`loading component: ${this.deviceType} / ${this.componentType}`,
 			);
 			if (this.componentType !== undefined) {
 				return defineAsyncComponent({

src/components/devices/virtual/counter.vue

@@ -14,7 +14,7 @@
 			@update:model-value="
 				updateConfiguration(
 					$event * 1000,
-					'configuration.external_consumption'
+					'configuration.external_consumption',
 				)
 			"
 		>