Chore: Typescript: Rewrite MaterialIcon (#21013)

assets/js/components/MaterialIcon/Add.vue

@@ -4,11 +4,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
 import icon from "@/mixins/icon";
+import { defineComponent } from "vue";
 
-export default {
+export default defineComponent({
 	name: "Add",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/BatteryBoost.vue

@@ -13,11 +13,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "BatteryBoost",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Circuits.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Circuits",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Climater.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Climater",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/CloudOffline.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "CloudOffline",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Dropdown.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Dropdown",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/DynamicPrice.vue

@@ -14,11 +14,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "DynamicPrice",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Edit.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Edit",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Eebus.vue

@@ -11,11 +11,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Eebus",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Forecast.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Forecast",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Hems.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Hems",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Influx.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Influx",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Loadpoint.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Loadpoint",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/ModbusProxy.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "ModbusProxy",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Mqtt.vue

@@ -23,11 +23,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Mqtt",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Notification.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Notification",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/PlanEnd.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "PlanEnd",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/PlanStart.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "PlanStart",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Play.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Play",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Question.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Question",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Reconnect.vue

@@ -11,11 +11,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Reconnect",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Record.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Record",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Restart.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Restart",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/RfidWait.vue

@@ -11,11 +11,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "RfidWait",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/SunDown.vue

@@ -12,11 +12,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "SunDown",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/SunUp.vue

@@ -12,11 +12,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "SunUp",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Sync.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Sync",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/TempLimit.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "TempLimit",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Total.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Total",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/VehicleLimit.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "VehicleLimit",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/VehicleLimitReached.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "VehicleLimitReached",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/VehicleLimitWarning.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "VehicleLimitWarning",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/VehicleMinSoc.vue

@@ -13,11 +13,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "VehicleMinSoc",
 	mixins: [icon],
-};
+});
 </script>

assets/js/components/MaterialIcon/Welcome.vue

@@ -7,11 +7,12 @@
 	</svg>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from "vue";
 import icon from "@/mixins/icon";
 
-export default {
+export default defineComponent({
 	name: "Welcome",
 	mixins: [icon],
-};
+});
 </script>