⭐ feat: throw error when car does not exist

Author: OlgaPrikhodko

error.vue

@@ -1,7 +1,7 @@
 <script setup>
 const error = useError();
 const handleGoBack = () => {
-  navigateTo("/");
+  clearError({ redirect: "/" });
 };
 </script>
 

pages/car/[name]-[id].vue

@@ -7,7 +7,13 @@ const car = computed(() => {
   const carId = parseInt(route.params.id);
   return cars.find((car) => car.id === carId);
 });
-
+console.log(car);
+if (!car.value) {
+  throw createError({
+    statusCode: 404,
+    message: `Car with id ${route.params.id} does not exist`,
+  });
+}
 useHead({ title: toTitleCase(route.params.name) });
 
 definePageMeta({