argoyleandClaude Opus 5.5
ce43a97e03
typescript-vue-apollo 5.x fails plugin validation under @graphql-codegen/cli 8
("The path argument must be of type string"). 6.0.0 targets plugin-helpers 8.
typescript-operations v7 emits every schema type used in a document, so
running it in the same output as the typescript plugin produced a duplicate
Range declaration. Split codegen into schema.ts (typescript) and
operations.ts (operations, vue-apollo, fragment-matcher) with
importSchemaTypesFrom, matching the Shiny frontend layout, and import
Event, DanceHallDistance and Range from the schema file.
Lockfile regenerated in cypress/base:26.13.0 to keep Linux optional deps.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ECBwyGcBKZhkRgyVyrLXPo
34 lines
917 B
Vue
34 lines
917 B
Vue
<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/schema'
|
|
|
|
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>
|