Rewrite WikidataToolFooter in Vue3 script setup syntax (#824)

guergana · guergana · commit ae5e6e2187f3 · 2024-01-08T16:29:19.000+01:00
* Rewrite WikidataToolFooter in Vue3 script setup syntax Bug: T354283
diff --git a/resources/js/Components/WikidataToolFooter.vue b/resources/js/Components/WikidataToolFooter.vue
@@ -30,10 +30,7 @@
     </div>
 </template>
 
-<script lang="ts">
-import type { PropType } from 'vue';
-import { defineComponent } from 'vue';
-
+<script setup lang="ts">
 interface FooterLabels {
     tool: string;
     license: string;
@@ -45,22 +42,12 @@ interface FooterUrls {
     issues: string;
 }
 
-export default defineComponent({
-    name: 'WikidataToolFooter',
-    props: {
-        contentClass: {
-            type: String,
-            default: '',
-        },
-        labels: {
-            type: Object as PropType<FooterLabels>,
-            required: true,
-        },
-        urls: {
-            type: Object as PropType<FooterUrls>,
-            required: true,
-        },
-    }
+withDefaults(defineProps<{
+	contentClass: string,
+	labels: { type: FooterLabels, required: true },
+    urls: { type: FooterUrls, required: true }
+}>(), {
+	contentClass: ''
 });
 </script>
 
