Clean up component files by removing 'name' property

web-frontend/src/App.vue

@@ -2,18 +2,6 @@
 	<MainWindow />
 </template>
 
-<script lang="ts">
-import { defineComponent } from "vue";
-import MainWindow from "./components/window/MainWindow.vue";
-
-export default defineComponent({
-	name: "App",
-	components: {
-		MainWindow,
-	},
-});
-</script>
-
 <style lang="scss">
 html, body, #app {
 	margin: 0;
@@ -26,3 +14,12 @@ html, body, #app {
 	user-select: none;
 }
 </style>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import MainWindow from "./components/window/MainWindow.vue";
+
+export default defineComponent({
+	components: { MainWindow },
+});
+</script>

web-frontend/src/components/footer/FooterBar.vue

@@ -48,7 +48,6 @@ import { defineComponent } from "vue";
 import InputHint from "./InputHint.vue";
 
 export default defineComponent({
-	name: "FooterBar",
 	components: {
 		InputHint,
 	},

web-frontend/src/components/footer/InputHint.vue

@@ -70,7 +70,6 @@ export enum MouseInputInteraction {
 }
 
 export default defineComponent({
-	name: "InputHint",
 	props: {
 		inputKeys: { type: Array, default: () => [] },
 		inputMouse: { type: String },

web-frontend/src/components/header/FileMenu.vue

@@ -50,7 +50,5 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 
-export default defineComponent({
-	name: "FileMenu",
-});
+export default defineComponent({});
 </script>

web-frontend/src/components/header/HeaderBar.vue

@@ -36,7 +36,6 @@ import WindowTitle from "./WindowTitle.vue";
 import WindowButtons from "./WindowButtons.vue";
 
 export default defineComponent({
-	name: "HeaderBar",
 	components: {
 		FileMenu,
 		WindowTitle,

web-frontend/src/components/header/WindowButtons.vue

@@ -49,7 +49,6 @@
 import { defineComponent } from "vue";
 
 export default defineComponent({
-	name: "WindowButtons",
 	props: {
 		maximized: { type: Boolean, default: false },
 	},

web-frontend/src/components/header/WindowTitle.vue

@@ -16,7 +16,5 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 
-export default defineComponent({
-	name: "WindowTitle",
-});
+export default defineComponent({});
 </script>

web-frontend/src/components/layout/LayoutCol.vue

@@ -15,7 +15,5 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 
-export default defineComponent({
-	name: "LayoutCol",
-});
+export default defineComponent({});
 </script>

web-frontend/src/components/layout/LayoutRow.vue

@@ -15,7 +15,5 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 
-export default defineComponent({
-	name: "LayoutRow",
-});
+export default defineComponent({});
 </script>

web-frontend/src/components/panel-system/DockablePanel.vue

@@ -134,7 +134,6 @@
 import { defineComponent } from "vue";
 
 export default defineComponent({
-	name: "DockablePanel",
 	props: {
 		tabConstantWidths: { type: Boolean, default: false },
 		tabCloseButtons: { type: Boolean, default: false },

web-frontend/src/components/panel-system/PanelArea.vue

@@ -45,7 +45,6 @@ import LayoutCol from "../layout/LayoutCol.vue";
 import DockablePanel from "./DockablePanel.vue";
 
 export default defineComponent({
-	name: "PanelArea",
 	components: {
 		LayoutRow,
 		LayoutCol,

web-frontend/src/components/window/MainWindow.vue

@@ -42,7 +42,6 @@ import PanelArea from "../panel-system/PanelArea.vue";
 import FooterBar from "../footer/FooterBar.vue";
 
 export default defineComponent({
-	name: "MainWindow",
 	components: {
 		LayoutRow,
 		LayoutCol,