chore(deps): update dependency nuxt to v4

2025-07-16 16:05:26 +00:00
parent db5f9725d4
commit d8e438be10
22 changed files with 1264 additions and 573 deletions
@@ -0,0 +1,33 @@
+<template>
+  <v-row dense>
+    <v-col cols="12" sm="12" md="6">
+      <v-icon class="me-1" icon='mdi-home' />
+      <span><strong>{{ distance.origin }}</strong></span>
+    </v-col>
+    <v-col cols="12" sm="12" md="6">
+      <v-icon class="me-1" icon='mdi-car' />
+      <span>{{ numericDistance }}</span>
+      <v-icon class="ms-2 me-1" icon='mdi-clock-outline' />
+      <span>{{ distance.duration }}</span>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup lang='ts'>
+import type { PropType } from 'vue'
+import { computed  } from 'vue'
+
+import type { DanceHallDistance } from '~~/graphql/generated/operations'
+
+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,
+  })} km`)
+</script>