Complete Throwing Responses

pages/contacts/[contactId].vue

@@ -1,15 +1,9 @@
 <script setup lang="ts">
-// const route = useRoute();
-// route.params.contactId
+const { $trpc } = useNuxtApp();
+const route = useRoute();
 
-const contact = ref({
-  first: "Your",
-  last: "Name",
-  avatar: "https://placecats.com/200/200",
-  twitter: "your_handle",
-  notes: "Some notes",
-  favorite: true,
-});
+const { data: contact } = await $trpc.contactGet.useQuery({ contactId: `${route.params.contactId}` });
+if (contact.value === null) throw createError({ statusCode: 404, statusMessage: 'Not Found' });
 
 function deleteSubmit(event: Event) {
   const response = window.confirm(