Refactor code structure for improved readability and maintainability

vite.config.js

@@ -2,6 +2,8 @@ import { defineConfig } from "vite";
 import path from "path";
 import uni from "@dcloudio/vite-plugin-uni";
 import md5 from "md5-hash";
+import tailwindcss from "@tailwindcss/postcss";
+import { UnifiedViteWeappTailwindcssPlugin } from "weapp-tailwindcss/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -11,6 +13,9 @@ export default defineConfig({
     },
   },
   css: {
+    postcss: {
+      plugins: [tailwindcss()],
+    },
     preprocessorOptions: {
       scss: {
         api: "modern-compiler",
@@ -18,7 +23,13 @@ export default defineConfig({
       },
     },
   },
-  plugins: [uni()],
+  plugins: [
+    uni(),
+    UnifiedViteWeappTailwindcssPlugin({
+      rem2rpx: true,
+      cssEntries: [path.resolve(__dirname, "./src/app.css")],
+    }),
+  ],
   build: {
     commonjsOptions: {
       transformMixedEsModules: true,