feat: add global styles and transitions for dark mode support
- Created style.css for base styles and color variables for light and dark themes. - Added tailwind.css for Tailwind CSS integration and custom theme variables. - Introduced transitions.css to manage global transitions and reduce motion preferences. - Updated tsconfig.app.json to include path aliases for easier imports. - Modified tsconfig.json to set baseUrl and paths for module resolution. - Added typed-router.d.ts for auto-generated route types. - Enhanced vite.config.ts with Vue Router plugin, Tailwind CSS integration, and server proxy settings.
This commit is contained in:
+8
-3
@@ -1,5 +1,10 @@
|
||||
# Vue 3 + TypeScript + Vite
|
||||
# Frontend
|
||||
|
||||
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
||||
## Main package managers
|
||||
|
||||
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
||||
1. [bun](https://bun.sh/) - A fast all-in-one JavaScript runtime, package manager, and bundler.
|
||||
2. [pnpm](https://pnpm.io/) - A fast, disk space efficient package manager.
|
||||
|
||||
## Main libraries
|
||||
|
||||
1. [shadcn-vue](https://www.shadcn-vue.com/) - A UI component library based on Vue 3 and Tailwind CSS.
|
||||
|
||||
Reference in New Issue
Block a user