782d1d8cbc
This commit integrates Tailwind CSS into the project for utility-first styling. - Adds `tailwindcss` and `@tailwindcss/vite` as dependencies. - Configures the Vite build process to use the Tailwind plugin. - Sets up the main CSS entry point to import Tailwind styles. - Adds a new route and a `TailwindcssDemo` component to verify the setup.
.
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VSCode + Volar (and disable Vetur).
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
pnpm install
Compile and Hot-Reload for Development
pnpm dev
Type-Check, Compile and Minify for Production
pnpm build
Lint with ESLint
pnpm lint