chore: update deps

components/Counter.vue

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

components/DarkToggle.vue

@@ -16,6 +16,6 @@ function toggleDark() {
 
 <template>
   <button class="!outline-none" @click="toggleDark">
-    <div class="dark:i-carbon-moon i-carbon-sun" />
+    <div class="i-carbon-sun dark:i-carbon-moon" />
   </button>
 </template>

components/Footer.vue

@@ -1,11 +1,5 @@
 <template>
-  <div
-    text="xl gray4"
-    m-5
-    flex
-    justify-center
-    gap-3
-  >
+  <div text="xl gray4" m-5 flex="~ gap3" justify-center>
     <NuxtLink i-carbon-campsite to="/" />
     <a i-carbon-logo-github href="https://github.com/antfu/vitesse-nuxt3" target="_blank" />
     <DarkToggle />

components/InputEntry.vue

@@ -2,7 +2,7 @@
 const name = ref('')
 
 const router = useRouter()
-const go = () => {
+function go() {
   if (name.value)
     router.push(`/hi/${encodeURIComponent(name.value)}`)
 }

components/Logos.vue

@@ -1,20 +1,18 @@
 <template>
-  <div inline-flex text-2xl font-300 cursor-default>
+  <div inline-flex cursor-default text-2xl font-300>
     <div flex flex-col children:mx-auto>
-      <img w-18 h-18 inline-block src="/nuxt.svg">
-      <span text-green5 mt--2>Nuxt 3</span>
+      <img inline-block h-18 w-18 src="/nuxt.svg">
+      <span mt--2 text-green5>Nuxt 3</span>
     </div>
     <div
       text="3xl gray4"
       m="x-4 y-auto"
-      transition-all-500
-      transform
-      hover:rotate-135
-      i-carbon-add
+
+      i-carbon-add transform transition-all-500 hover:rotate-135
     />
     <div flex flex-col children:mx-auto>
-      <img w-18 h-18 inline-block src="/vite.png">
-      <span text-purple5 mt--2>Vitesse</span>
+      <img inline-block h-18 w-18 src="/vite.png">
+      <span mt--2 text-purple5>Vitesse</span>
     </div>
   </div>
 </template>