Add About

layouts/default.vue

@@ -7,7 +7,9 @@ const { data: contacts } = await $trpc.contactList.useQuery();
 <template>
   <div id="app">
     <div id="sidebar">
-      <h1>Nuxt Contacts</h1>
+      <h1>
+        <NuxtLink to="/about">Nuxt Contacts</NuxtLink>
+      </h1>
       <div>
         <form id="search-form" role="search">
           <input
@@ -31,7 +33,7 @@ const { data: contacts } = await $trpc.contactList.useQuery();
         <ul v-if="contacts?.length">
           <li v-for="contact in contacts" :key="contact.id">
             <NuxtLink :to="{name: 'contacts-contactId', params: {contactId: contact.id}}">
-              <template v-if="contact.first || contact.last">{{contact.first}} {{contact.last}}</template>
+              <template v-if="contact.first || contact.last">{{ contact.first }} {{ contact.last }}</template>
               <i v-else>No Name</i>
               <span v-if="contact.favorite">★</span>
             </NuxtLink>