From baa263d364f0383f7f82ba38bdd377f0fed69b37 Mon Sep 17 00:00:00 2001
From: Jeffrey Hsu <xfj12@outlook.com>
Date: Wed, 18 Dec 2024 08:44:37 +0800
Subject: [PATCH] format tailwindcss code style

---
 components/alert/Alert.vue        | 10 +++++-----
 components/alert/Notification.vue |  4 ++--
 pages/article/[cid].vue           |  6 +++---
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/alert/Alert.vue b/components/alert/Alert.vue
index 35998cd..885dc40 100644
--- a/components/alert/Alert.vue
+++ b/components/alert/Alert.vue
@@ -8,16 +8,16 @@ defineProps<{
 
 <template>
   <div class="flex flex-grow flex-col items-center justify-center p-4 text-center min-h-[30rem]">
-    <div class="max-w-md w-full p-6 bg-white rounded-xl shadow-lg">
-      <div class="text-6xl mb-4">
+    <div class="w-full max-w-md rounded-xl bg-white p-6 shadow-lg">
+      <div class="mb-4 text-6xl">
         <span v-if="icon" class="block text-blue-500">{{ icon }}</span>
         <span v-else>❓</span>
       </div>
-      <h1 class="text-2xl font-bold mb-2">{{ title }}</h1>
-      <p class="text-gray-600 mb-6">{{ message }}</p>
+      <h1 class="mb-2 text-2xl font-bold">{{ title }}</h1>
+      <p class="mb-6 text-gray-600">{{ message }}</p>
       <router-link
           to="/"
-          class="inline-block px-6 py-2 bg-blue-500 text-white rounded-lg shadow hover:bg-blue-600 transition duration-200"
+          class="inline-block rounded-lg bg-blue-500 px-6 py-2 text-white shadow transition duration-200 hover:bg-blue-600"
       >
         返回首页
       </router-link>
diff --git a/components/alert/Notification.vue b/components/alert/Notification.vue
index 9280613..e6e0f49 100644
--- a/components/alert/Notification.vue
+++ b/components/alert/Notification.vue
@@ -27,7 +27,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="fixed top-5 right-5 space-y-4 z-50">
+  <div class="fixed top-5 right-5 z-50 space-y-4">
     <div
         v-for="(notification, index) in notifications"
         :key="index"
@@ -36,7 +36,7 @@ onBeforeUnmount(() => {
         typeClasses[notification.level]
       ]"
     >
-      <h3 class="font-bold text-lg">{{ notification.title }}</h3>
+      <h3 class="text-lg font-bold">{{ notification.title }}</h3>
       <p>{{ notification.message }}</p>
     </div>
   </div>
diff --git a/pages/article/[cid].vue b/pages/article/[cid].vue
index 71770da..dbe1de7 100644
--- a/pages/article/[cid].vue
+++ b/pages/article/[cid].vue
@@ -23,10 +23,10 @@ content.value = await getPost()
 </script>
 
 <template>
-  <section class="container mx-auto m-4 p-8 bg-white rounded-xl shadow-md lg:max-w-screen-lg">
-    <div class="border-b-2 border-gray-200 border-dashed pb-4 mb-4">
+  <section class="container m-4 mx-auto rounded-xl bg-white p-8 shadow-md lg:max-w-screen-lg">
+    <div class="mb-4 border-b-2 border-dashed border-gray-200 pb-4">
       <h1 class="text-center text-3xl font-bold">{{ title }}</h1>
-      <div class="text-gray-600 flex items-center justify-center w-full gap-4">
+      <div class="flex w-full items-center justify-center gap-4 text-gray-600">
         <!-- 日期 -->
         <div class="flex items-center gap-2">
           <font-awesome-icon :icon="['far', 'clock']" />