chore: update deps

src/layouts/404.vue

@@ -10,7 +10,7 @@ const { t } = useI18n()
     </div>
     <RouterView />
     <div>
-      <button btn text-sm m="3 t8" @click="router.back()">
+      <button text-sm btn m="3 t8" @click="router.back()">
         {{ t('button.back') }}
       </button>
     </div>

src/layouts/default.vue

@@ -1,8 +1,11 @@
 <template>
-  <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
+  <main
+    px-4 py-10
+    text="center gray-700 dark:gray-200"
+  >
     <RouterView />
     <TheFooter />
-    <div class="mt-5 mx-auto text-center opacity-75 dark:opacity-50 text-sm">
+    <div mx-auto mt-5 text-center text-sm opacity-50>
       [Default Layout]
     </div>
   </main>

src/layouts/home.vue

@@ -1,8 +1,11 @@
 <template>
-  <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
+  <main
+    px-4 py-10
+    text="center gray-700 dark:gray-200"
+  >
     <RouterView />
     <TheFooter />
-    <div class="mt-5 mx-auto text-center opacity-75 dark:opacity-50 text-sm">
+    <div mx-auto mt-5 text-center text-sm opacity-50>
       [Home Layout]
     </div>
   </main>