33 lines
930 B
Vue
33 lines
930 B
Vue
<script setup>
|
|
const route = useRoute();
|
|
const {toTitleCase} = useUtilities();
|
|
|
|
useHead({
|
|
title : `${route.params.make ? toTitleCase(route.params.make) : 'Cars'} in ${toTitleCase(route.params.city)}`,
|
|
});
|
|
|
|
definePageMeta({
|
|
layout: "custom"
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
|
|
|
|
<div class="mt-32 flex">
|
|
<NuxtErrorBoundary>
|
|
<CarSideBar/>
|
|
<NuxtPage />
|
|
<template #error="{error}">
|
|
<div class="text-center mx-auto flex flex-col">
|
|
<h1 class="text-5xl text-red-600 mb-4">Sorry, something went wrong</h1>
|
|
<code>{{error}}</code>
|
|
<button class="text-white bg-blue-400 px-10 py-3 rounded mt-4"
|
|
@click="error.value = null">go back</button>
|
|
</div>
|
|
</template>
|
|
</NuxtErrorBoundary>
|
|
</div>
|
|
|
|
|
|
</template> |