chore: migrate to script setup style

2024-02-02 18:55:45 +01:00
parent d1bcaf423f
commit 171e1039a7
15 changed files with 3468 additions and 4540 deletions
@@ -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>