feat: use tailwindcss

.gitignore

@@ -27,9 +27,6 @@ dist-ssr
 # Cache
 .eslintcache
 
-# UnoCSS
-__unconfig_vite.config.ts
-
 # Vitest
 coverage
 

.prettierrc.cjs

@@ -3,4 +3,5 @@ module.exports = {
   printWidth: 120,
   singleQuote: true,
   jsxSingleQuote: true,
+  plugins: ['prettier-plugin-tailwindcss'],
 };

.vscode/extensions.json

@@ -1,8 +1,8 @@
 {
   "recommendations": [
-    "antfu.unocss",
     "dbaeumer.vscode-eslint",
     "editorconfig.editorconfig",
-    "antfu.goto-alias"
+    "antfu.goto-alias",
+    "bradlc.vscode-tailwindcss"
   ]
 }

README.md

@@ -6,8 +6,8 @@ It is a copy of [Vitesse Lite](https://github.com/antfu/vitesse-lite), but it us
 
 - ⚡️ [React](https://reactjs.org/) + [Vite](https://vitejs.dev/) + [Pnpm](https://pnpm.io/) + [ESBuild](https://esbuild.github.io/)
 - 🗂 [File based routing](https://github.com/hannoeru/vite-plugin-pages)
-- 🎨 [UnoCSS](https://github.com/unocss/unocss) + [Sass](https://github.com/sass/sass)
-- 😃 [Use icons from any icon sets with classes](https://github.com/unocss/unocss/tree/main/packages/preset-icons)
+- 🎨 [TailwindCSS](https://tailwindcss.com/)
+- 😃 [Use icons from any icon sets with classes](https://iconify.design/docs/usage/css/tailwind/)
 - 🦾 [ESlint](https://eslint.org/) + [Prettier](https://prettier.io/) + [Commitlint](https://commitlint.js.org/)
 - ✅ [Vitest](https://vitest.dev/)
 - ☁️ [Netlify](https://www.netlify.com/)
@@ -28,5 +28,4 @@ cd my-revitesse-app
 git init # To make sure that the husky can work well
 # If you use Linux system, you might need to execute 'chmod 777 ./.husky/*'
 pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
-# If the UnoCSS extension doesn't work, close and restart the VSCode
 ```

package.json

@@ -16,7 +16,6 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@unocss/reset": "0.60.2",
     "ahooks": "^3.7.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -26,6 +25,7 @@
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@iconify-json/carbon": "^1.1.33",
+    "@iconify/tailwind": "^1.1.1",
     "@testing-library/react": "^15.0.7",
     "@types/node": "^20.12.12",
     "@types/react": "^18.3.2",
@@ -35,6 +35,7 @@
     "@vitejs/plugin-legacy": "^5.4.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "@vitest/coverage-v8": "^1.6.0",
+    "autoprefixer": "^10.4.19",
     "commitlint": "^19.3.0",
     "eslint": "^8.57.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
@@ -43,12 +44,13 @@
     "happy-dom": "^14.11.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
+    "postcss": "^8.4.38",
     "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.5.14",
     "rollup-plugin-visualizer": "^5.12.0",
-    "sass": "^1.77.2",
+    "tailwindcss": "^3.4.3",
     "terser": "^5.31.0",
     "typescript": "^5.4.5",
-    "unocss": "0.60.2",
     "vite": "5.2.11",
     "vite-plugin-pages": "^0.32.1",
     "vitest": "1.6.0"