Install PrimeVue Vite

PrimeVue 包含以下组件：

• primevue@4.0.0-rc.2 主要内容，包含icon等
• primevue/theme@4.0.0-rc.2 主题

0 安装

npm install @primevue/themes@4.0.0-rc.2
npm install primevue@4.0.0-rc.2

main.js 引入

import { createApp } from 'vue';
import PrimeVue from 'primevue/config';
import Aura from '@primevue/themes/aura';
 
const app = createApp(App);
app.use(PrimeVue, {
    theme: {
        preset: Aura
    }
});

1 配置

Configuration - PrimeVue

引入 import PrimeVue from 'primevue/config'; 来调整配置，如 app.use(PrimeVue, { /* options */ });。

主题

• PrimeVue 主题设置

Style mode offers theming based on a design token based architecture. See the styled mode documentation for details such as building your own theme.

 
import PrimeVue from 'primevue/config';
import Aura from '@primevue/themes/aura';
 
const app = createApp(App);
 
app.use(PrimeVue, {
    theme: {
        preset: Aura,
        options: {
            prefix: 'p',
	        darkModeSelector: 'system',
            cssLayer: false
        }
    }
 });