feat: use unocss wind4 preset

app/pages/hi/[id].vue

@@ -14,7 +14,7 @@ definePageMeta({
 
 <template>
   <div>
-    <div i-twemoji:waving-hand inline-block animate-shake-x animate-duration-5000 text-4xl />
+    <div i-twemoji:waving-hand text-4xl inline-block animate-shake-x animate-duration-5000 />
     <h3 text-2xl font-500>
       Hi,
     </h3>
@@ -23,7 +23,7 @@ definePageMeta({
     </div>
 
     <template v-if="user.otherNames.length">
-      <div my-4 text-sm>
+      <div text-sm my-4>
         <span op-50>Also as known as:</span>
         <ul>
           <li v-for="otherName in user.otherNames" :key="otherName">
@@ -39,7 +39,7 @@ definePageMeta({
 
     <div>
       <NuxtLink
-        class="m-3 text-sm btn"
+        class="text-sm m-3 btn"
         to="/"
       >
         Back

app/pages/index.vue

@@ -16,7 +16,7 @@ const online = useOnline()
           You're offline
         </div>
         <template #fallback>
-          <div italic op50>
+          <div op50 italic>
             <span animate-pulse>Loading...</span>
           </div>
         </template>