tailwind排序

.prettierrc

@@ -3,5 +3,6 @@
   "singleQuote": true,
   "useTabs": false,
   "vueIndentScriptAndStyle": false,
-  "bracketSpacing": true
+  "bracketSpacing": true,
+  "plugins": ["prettier-plugin-tailwindcss"]
 }

package.json

@@ -35,6 +35,7 @@
     "marked": "^15.0.12",
     "npm": "^11.4.1",
     "pinia": "^3.0.3",
+    "prettier-plugin-tailwindcss": "^0.6.13",
     "rollup-plugin-visualizer": "^6.0.3",
     "sass": "^1.89.2",
     "sortablejs": "^1.15.6",

src/views/manage/app/index.vue

@@ -3,8 +3,9 @@
     <el-card>
       {{ state.text }}
     </el-card>
+
     <el-card>
-      <div class="h-[400px]">
+      <div class="h-[400px] bg-amber-200 font-black font-bold">
         <CzrMarkdown
           v-model="state.text"
           :rendererFunc="

yarn.lock

@@ -4621,6 +4621,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier-plugin-tailwindcss@^0.6.13:
+  version "0.6.13"
+  resolved "https://registry.npmmirror.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.13.tgz#49829e26c10ec6cf02e83ac19b8f7d842d2027ae"
+  integrity sha512-uQ0asli1+ic8xrrSmIOaElDu0FacR4x69GynTh2oZjFY10JUt6EEumTQl5tB4fMeD6I1naKd+4rXQQ7esT2i1g==
+
 prettier@3.5.3:
   version "3.5.3"
   resolved "https://registry.npmmirror.com/prettier/-/prettier-3.5.3.tgz#4fc2ce0d657e7a02e602549f053b239cb7dfe1b5"