feat: update UI

pages/hi/[id].vue

@@ -1,10 +1,16 @@
 <script setup lang="ts">
 const route = useRoute()
+
+const name = route.params.id
 </script>
 
 <template>
   <div>
-    <div>Hi: {{ route.params.id }}</div>
+    <div i-twemoji:waving-hand text-4xl inline-block animate-bounce></div>
+    <h3 text-2xl>
+      Hi!
+    </h3>
+    <div>{{ name }}</div>
 
     <div>
       <NuxtLink

pages/index.vue

@@ -2,13 +2,19 @@
   <div>
     <img w-16 inline-block src="/nuxt.png" />
     <img w-16 inline-block src="/vite.png" />
-    <h1 mt-1 mb-3 text-2xl cursor-default>
+    <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>
+    <Suspense>
+      <PageView />
+      <template #fallback>
+        <div op50 italic animate-pulse>
+          Loading...
+        </div>
+      </template>
+    </Suspense>
     <InputEntry />
-    <PageView />
-    <Footer />
   </div>
 </template>