feat: update UI

components/Counter.vue

@@ -3,15 +3,15 @@ const { count, inc, dec } = useCount()
 </script>
 
 <template>
-  <div m="y-3">
-    <button class="btn" @click="dec()">
-      -
+  <div inline-flex m="y-3">
+    <button btn class="!p-2" @click="dec()">
+      <div i-carbon-subtract></div>
     </button>
-    <div font="mono" w="15" inline-block>
+    <div font="mono" w="15" m-auto inline-block>
       {{ count }}
     </div>
-    <button class="btn" @click="inc()">
-      +
+    <button btn class="!p-2" @click="inc()">
+      <div i-carbon-add></div>
     </button>
   </div>
 </template>

components/Footer.vue

@@ -6,7 +6,8 @@
     justify-center
     gap-2
   >
-    <a i-carbon-campsite href="https://github.com/antfu/vitesse-nuxt3" target="__blank" />
+    <NuxtLink i-carbon-campsite to="/" />
+    <a i-carbon-logo-github href="https://github.com/antfu/vitesse-nuxt3" target="__blank" />
     <DarkToggle />
   </div>
 </template>

components/InputEntry.vue

@@ -16,6 +16,7 @@ const go = () => {
     type="text"
     autocomplete="false"
     p="x-4 y-2"
+    m="t-5"
     w="250px"
     text="center"
     bg="transparent"

components/PageView.vue

@@ -3,7 +3,7 @@ const { data } = await useFetch('/api/pageview')
 </script>
 
 <template>
-  <div>
-    Page view: {{ data.pageview }}
+  <div op50>
+    Pageview: {{ data.pageview }}
   </div>
 </template>