- Added dependencies for PrimeVue, PrimeUI themes, and TailwindCSS in package.json. - Replaced HelloWorld component with ColorDemo in App.vue to showcase color customization. - Updated HelloWorld component to use PrimeVue Button component. - Configured main.ts to set up PrimeVue with a custom theme and dark mode support. - Enhanced vite.config.ts to include TailwindCSS and auto-import for PrimeVue components. - Created ColorDemo.vue for color customization interface. - Added main.css for global styles, including Tailwind and PrimeUI styles. - Implemented AppConfig.vue and AppTopbar.vue for layout and theme configuration. - Developed useLayout composable for managing color themes and dark mode toggle.
17 lines
401 B
TypeScript
17 lines
401 B
TypeScript
import { defineConfig } from "vite";
|
|
import vue from "@vitejs/plugin-vue";
|
|
import tailwindcss from "@tailwindcss/vite";
|
|
import Components from 'unplugin-vue-components/vite';
|
|
import { PrimeVueResolver } from '@primevue/auto-import-resolver';
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
vue(),
|
|
tailwindcss(),
|
|
Components({
|
|
resolvers: [
|
|
PrimeVueResolver()
|
|
]
|
|
})
|
|
]
|
|
}); |