feat: update UI

pages/hi/[id].vue

@@ -7,20 +7,22 @@ const name = route.params.id
 <template>
   <div>
     <div i-twemoji:waving-hand text-4xl inline-block animate-bounce></div>
-    <h3 text-2xl>
-      Hi!
+    <h3 text-2xl font-500>
+      Hi,
     </h3>
-    <div>{{ name }}</div>
+    <div text-xl>
+      {{ name }}!
+    </div>
+
+    <Counter />
 
     <div>
       <NuxtLink
-        class="btn m-3 text-sm mt-6"
+        class="btn m-3 text-sm"
         to="/"
       >
         Back
       </NuxtLink>
     </div>
-
-    <Counter />
   </div>
 </template>

pages/index.vue

@@ -1,12 +1,6 @@
 <template>
   <div>
-    <img w-16 inline-block src="/nuxt.png" />
-    <img w-16 inline-block src="/vite.png" />
-    <h1 mt-1 text-2xl cursor-default>
-      <span text-green-500 hover:text-white hover:bg-green-600>Nuxt 3</span>
-      <span text-gray-400 mx-2>+</span>
-      <span text-purple-500>Vitesse</span>
-    </h1>
+    <Logos mb-6 />
     <Suspense>
       <PageView />
       <template #fallback>