Use primevue library in single html script that use vue cdn

Add the below script tags

    <script src="https://unpkg.com/primevue/umd/primevue.min.js"></script>
    <script src="https://unpkg.com/@primevue/themes/umd/aura.min.js"></script>

Add the necessary primevue component in the script as shown below

const app = createApp({
// rest code
})
app.use(PrimeVue.Config, {
    theme: {
        preset: PrimeVue.Themes.Aura,
        options: {
            darkModeSelector: false || 'none',
        }
    },
});
app.component('p-datepicker', PrimeVue.DatePicker);
app.component('p-dialog', PrimeVue.Dialog);
app.component('p-accordion', PrimeVue.Accordion);
app.component('p-accordionpanel', PrimeVue.AccordionPanel);
app.component('p-accordionheader', PrimeVue.AccordionHeader);
app.component('p-accordioncontent', PrimeVue.AccordionContent);
app.component('p-panel', PrimeVue.Panel);
app.component('p-button', PrimeVue.Button);
app.component('p-inputtext', PrimeVue.InputText);
app.component('p-select', PrimeVue.Select);
app.component('p-inputtext', PrimeVue.InputText);
app.mount('#app');

Leave a comment

Your email address will not be published. Required fields are marked *