26 lines
613 B
Vue
26 lines
613 B
Vue
<script setup>
|
|
const props = defineProps({
|
|
car : Object
|
|
});
|
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<div class="mt-10">
|
|
<NuxtImg class="w-full" :src="car.url" alt="" />
|
|
<h1 class="mt-10 text-4xl">{{car.name}}</h1>
|
|
<div class="text-slate-500 flex text-lg mt-3 border-b pb-5 justify-between">
|
|
<div class="flex">
|
|
<p class="mr-2">{{ car.seats }} seats</p>
|
|
<p class="mr-2">|</p>
|
|
<p class="mr-2">{{ car.miles}} miles</p>
|
|
</div>
|
|
<div>
|
|
<p class="font-bold text-2xl">${{car.price}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</template> |