chore: migrate to script setup style

components/pages/events/Event/distance.vue

@@ -16,27 +16,19 @@
   </v-layout>
 </template>
 
-<script lang='ts'>
-import { computed, defineComponent, PropType } from 'vue'
+<script setup lang='ts'>
+import { computed, PropType } from 'vue'
 import { DanceHallDistance } from '~/graphql/generated/operations'
 
-export default defineComponent({
-  name: 'DistanceDisplay',
-  props: {
-    distance: {
-      type: Object as PropType<DanceHallDistance>,
-      required: true
-    }
-  },
-  setup (props) {
-    const numericDistance = computed(() =>
-      Number(props.distance.distance / 1000).toLocaleString('sv-SE', {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2
-      }))
-    return {
-      numericDistance
-    }
+const props = defineProps({
+  distance: {
+    type: Object as PropType<DanceHallDistance>,
+    required: true
   }
 })
+const numericDistance = computed(() =>
+  Number(props.distance.distance / 1000).toLocaleString('sv-SE', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }))
 </script>