chore: run prettier with prettier-plugin-tailwindcss

Command: `npx prettier . --write`

Author: SkyBird233

index.html

@@ -8,7 +8,9 @@
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://aosc.io" />
     <meta property="og:image" content="https://aosc.io/assets/aosc.svg" />
-    <meta property="og:description" content="安同开源社区（Anthon Open Source Community，简称 AOSC）是一个由计算机爱好者志愿组织工作，主要活动于线上的开源社区。" />
+    <meta
+      property="og:description"
+      content="安同开源社区（Anthon Open Source Community，简称 AOSC）是一个由计算机爱好者志愿组织工作，主要活动于线上的开源社区。" />
     <meta property="og:locale" content="zh_CN" />
     <title>社区门户 | 安同开源社区 (AOSC)</title>
   </head>

src/components/AppH2.vue

@@ -1,6 +1,6 @@
 <script setup></script>
 <template>
-  <h2 class="font-semibold text-[1.2em] mb-2 features">
+  <h2 class="features mb-2 text-[1.2em] font-semibold">
     <slot></slot>
   </h2>
 </template>

src/components/AppSupport.vue

@@ -27,7 +27,7 @@ const support = ref();
 </script>
 <template>
   <CategorySecond title="支持文档" id="support" />
-  <div ref="support" class="pt-4 pb-[60px] px-16">
+  <div ref="support" class="px-16 pt-4 pb-[60px]">
     <ul class="list-disc">
       <li v-for="item in navigationList" :key="item.title">
         <AppLink

src/components/CategorySecond.vue

@@ -8,7 +8,7 @@ const props = defineProps({
 </script>
 <template>
   <div
-    class="theme-bg-color-secondary-static flex justify-between items-end text-white py-[5px] px-[10px] m-p select-none h-[2rem] leading-none items-center">
+    class="theme-bg-color-secondary-static m-p flex h-[2rem] items-center items-end justify-between px-[10px] py-[5px] leading-none text-white select-none">
     <span>
       {{ props.title }}
     </span>

src/components/LinkButton.vue

@@ -15,7 +15,7 @@ const props = defineProps({
   <a
     target="_blank"
     :href="link"
-    class="flex justify-center items-center text-white block hover:no-underline hover:opacity-85 theme-bg-color-primary-static"
+    class="theme-bg-color-primary-static block flex items-center justify-center text-white hover:no-underline hover:opacity-85"
     >{{ text }}</a
   >
 </template>

src/components/PageNotFound.vue

@@ -21,7 +21,11 @@ onMounted(() => {
         (URL) 是否正确。</p
       >
       <p>
-        如果该页面链接是其他网页中所引用的，请<AppLink target="_blank" to="https://aosc.io/contact/">与我们联系</AppLink>。
+        如果该页面链接是其他网页中所引用的，请<AppLink
+          target="_blank"
+          to="https://aosc.io/contact/"
+          >与我们联系</AppLink
+        >。
       </p>
     </div>
   </div>

src/css/index.scss

@@ -95,10 +95,12 @@ $bg-secondary: #3f6075;
     margin-top: 32px;
     margin-bottom: 32px;
     background-size: 4px 1px;
-    background-image: linear-gradient(to left,
-        $blue 0%,
-        $blue 25%,
-        transparent 50%);
+    background-image: linear-gradient(
+      to left,
+      $blue 0%,
+      $blue 25%,
+      transparent 50%
+    );
   }
 
   code {
@@ -118,7 +120,7 @@ $bg-secondary: #3f6075;
     font-family: var(--font-family-monospace);
     line-height: 1.75;
 
-    >code {
+    > code {
       font-size: 12px;
       padding: 15px 12px;
       overflow-x: auto;
@@ -291,7 +293,6 @@ table {
   border-collapse: collapse;
 
   tr {
-
     th,
     td {
       border: 1px solid $bg-secondary;
@@ -326,10 +327,12 @@ td {
 }
 
 .vuepress-markdown-body div[class*='v-md-pre-wrapper-'] pre,
-.vuepress-markdown-body div[class*='v-md-pre-wrapper-'] pre[class*='v-md-prism-'] {
+.vuepress-markdown-body
+  div[class*='v-md-pre-wrapper-']
+  pre[class*='v-md-prism-'] {
   z-index: 0;
 }
 
 .vuepress-markdown-body div[class*='v-md-pre-wrapper-']::before {
   z-index: 0;
-}
+}

src/pages/afterglow/AfterglowIndex.vue

@@ -72,7 +72,7 @@ const docList = reactive([
       <div ref="bgImg">
         <img
           src="/assets/afterglow/afterglow.zh-cn.jpg"
-          class="w-full aspect-4/3 mt-2"
+          class="mt-2 aspect-4/3 w-full"
           alt="" />
       </div>
     </div>

src/pages/afterglow/requirements/AfterglowRequirements.vue

@@ -75,7 +75,7 @@ const afterLowRequirementsList = ref();
     </div>
 
     <category-second title="补充说明" id="support" />
-    <div class="pt-4 pb-4 px-16">
+    <div class="px-16 pt-4 pb-4">
       <ul class="list-disc">
         <li
           >关于星霞 OS 兼容的处理器，详请见<AppLink to="/afterglow/isa"

src/pages/aosc-os/AoscIndex.vue

@@ -82,7 +82,7 @@ const docList = reactive([
       <div ref="bgImg">
         <img
           src="/assets/aosc-os/aosc-os.zh-cn.jpg"
-          class="w-full aspect-8/5 mt-2"
+          class="mt-2 aspect-8/5 w-full"
           alt="" />
       </div>
     </div>

src/pages/aosc-os/asahi/relnote/AoscAsahiRelnote.vue

@@ -7,30 +7,33 @@ import CategorySecond from '/src/components/CategorySecond.vue';
     <category-second title="发行注记：2025 年 2 月" />
     <div class="p-6">
       <p>
-        安同 OS (Apple Silicon) 是面向基于 Apple 芯片的 Mac 设备发布的系统版本，本次更新包含如下主要内容。
-      </p><br />
+        安同 OS (Apple Silicon) 是面向基于 Apple 芯片的 Mac
+        设备发布的系统版本，本次更新包含如下主要内容。 </p
+      ><br />
     </div>
 
     <category-second title="组件更新" id="component-updates" />
     <div class="p-6">
       <p>
-        本次发行属常规更新，包含截至 2024 年 2 月 15 日的所有系统更新；其中，Linux 内核版本更新至 6.12.12 版本，带有最新 Asahi Linux 补丁集。
-      </p><br />
+        本次发行属常规更新，包含截至 2024 年 2 月 15
+        日的所有系统更新；其中，Linux 内核版本更新至 6.12.12 版本，带有最新
+        Asahi Linux 补丁集。 </p
+      ><br />
     </div>
 
     <category-second title="已知问题" id="component-updates" />
     <div class="p-6">
-      <p>
-        当前发行包含如下已知问题，我们将尽快修复：
-      </p><br />
-      <div class="pt-2 pb-4 px-12">
+      <p> 当前发行包含如下已知问题，我们将尽快修复： </p><br />
+      <div class="px-12 pt-2 pb-4">
         <ul class="list-disc">
-          <li>由于先前缺少测试设备且并未引入相关支持组件，MacBook Air (M1, 2020) 的音箱暂未正确驱动</li>
+          <li
+            >由于先前缺少测试设备且并未引入相关支持组件，MacBook Air (M1, 2020)
+            的音箱暂未正确驱动</li
+          >
           <li>OpenGL 图形加速暂不可用，我们正在整理 Asahi Linux 补丁集</li>
         </ul>
       </div>
     </div>
-
   </div>
 </template>
 

src/pages/aosc-os/livekit/relnote/AoscLivekitRelnote.vue

@@ -16,7 +16,7 @@ import CategorySecond from '/src/components/CategorySecond.vue';
     <div class="p-6">
       <p>除将系统组件更新到 2024 年 9 月的基线外，LiveKit 还包含如下新特性：</p
       ><br />
-      <div class="pt-2 pb-4 px-16">
+      <div class="px-16 pt-2 pb-4">
         <ul class="list-disc">
           <li>更新 Linux 内核至 6.10 分支，支持更多新硬件</li>
           <li>支持龙架构旧世界固件引导安同 OS 安装盘</li>

src/pages/aosc-os/livekit/requirements/AoscLivekitRequirements.vue

@@ -81,7 +81,7 @@ const aoscOsRequirementsList = ref();
     </div>
 
     <category-second title="补充说明" id="support" />
-    <div class="pt-4 pb-4 px-16">
+    <div class="px-16 pt-4 pb-4">
       <ul class="list-disc">
         <li
           >关于安同 OS 兼容的处理器，详请见<AppLink