This commit integrates the Shadcn UI component library to provide a foundational set of components for the application's
user interface.
Key changes include:
- Added necessary dependencies like `class-variance-authority`, `clsx`, and `tailwind-merge`.
- Initialized Shadcn via its CLI, creating the `components.json` configuration file.
- Configured TypeScript path aliases in `tsconfig.json` and `tsconfig.app.json` to support `@/*` imports.
- Implemented CSS variables for theming, supporting both light and dark modes, in `main.css`.
- Added the standard `cn` utility function for merging Tailwind CSS classes.
- Updated `README.md` with detailed setup instructions for Shadcn UI.
Replace the default Vite template README with comprehensive project documentation.
This update includes:
- A clear description of the project's technology stack (Vue 3, Vite, Tailwind 4).
- Step-by-step instructions for setting up the development environment.
- A detailed guide on integrating Tailwind CSS v4 with Vite, covering plugin setup, CSS configuration with `@theme`, and
custom utilities.
This commit replaces the basic placeholder with a full-featured demo page showcasing Tailwind CSS v4 capabilities.
- Implements a modern, responsive landing page layout in `TailwindcssDemo.vue`.
- Defines a custom primary color palette and a float animation using the new `@theme` at-rule in `main.css`.
- Adds a custom `.text-gradient` utility class.
- Updates the router to nest the demo page, improving scalability for future routes.
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.
