Upgrade vue-cli to version 5 (#594)

* Upgrade to Vue CLI 5 (fails to compile)

* Upgrade versions with last few weeks of changes

* Updated to fork-ts-checker-webpack-plugin 7.2.3

* Remove package.json overrides in lieu of the fixed fork-ts-checker-webpack-plugin@6.5.1

* Fix svg importing

* Comments

* For debugging only: added infrastructureLogging to vue.config.js

* Now works on Windows, waiting on fork-ts-checker-webpack-plugin backport if possible

* Switch to the fixed fork-ts-checker-webpack-plugin@6.5.2

* Fix license checker build compilation

Co-authored-by: 0hypercube <0hypercube@gmail.com>

frontend/src/components/widgets/WidgetLayout.vue

@@ -35,12 +35,10 @@ export default defineComponent({
 			throw new Error("Layout row type does not exist");
 		},
 	},
-	data: () => {
-		return {
-			isWidgetRow,
-			isWidgetSection,
-		};
-	},
+	data: () => ({
+		isWidgetRow,
+		isWidgetSection,
+	}),
 	components: {
 		WidgetRow,
 		WidgetSection,

frontend/src/components/widgets/WidgetSection.vue

@@ -84,13 +84,11 @@ const WidgetSection = defineComponent({
 		widgetData: { type: Object as PropType<WidgetSectionFromJsMessages>, required: true },
 		layoutTarget: { required: true },
 	},
-	data: () => {
-		return {
-			isWidgetRow,
-			isWidgetSection,
-			expanded: true,
-		};
-	},
+	data: () => ({
+		isWidgetRow,
+		isWidgetSection,
+		expanded: true,
+	}),
 	methods: {
 		updateLayout(widgetId: BigInt, value: unknown) {
 			this.editor.instance.update_layout(this.layoutTarget, widgetId, value);

frontend/src/dispatcher/js-dispatcher.ts

@@ -34,9 +34,7 @@ export function createJsDispatcher() {
 		// Messages with empty data are provided by wasm-bindgen as a string with the message name, like: "NameOfThisMessage"
 		const unwrappedMessageData = messageData[messageType] || {};
 
-		const isJsMessageConstructor = (fn: typeof messageConstructor): fn is typeof JsMessage => {
-			return "jsMessageMarker" in fn;
-		};
+		const isJsMessageConstructor = (fn: typeof messageConstructor): fn is typeof JsMessage => "jsMessageMarker" in fn;
 		let message: JsMessage;
 		if (isJsMessageConstructor(messageConstructor)) {
 			message = plainToInstance(messageConstructor, unwrappedMessageData);

frontend/src/state/dialog.ts

@@ -36,9 +36,7 @@ export function createDialogState(editor: EditorState) {
 		}
 	};
 
-	const dialogIsVisible = (): boolean => {
-		return state.visible;
-	};
+	const dialogIsVisible = (): boolean => state.visible;
 
 	const comingSoon = (issueNumber?: number): void => {
 		const bugMessage = `— but you can help add it!\nSee issue #${issueNumber} on GitHub.`;