PrimeVue AutoImportResolver

Resolver plugin for unplugin-vue-components that auto-imports PrimeVue components and directives. Components used in templates are resolved and imported at build time, no manual import statements needed.

Setup

// vite.config.ts
import Components from 'unplugin-vue-components/vite';
import { PrimeVueResolver } from '@primevue/auto-import-resolver';

export default defineConfig({
    plugins: [
        Components({
            resolvers: [PrimeVueResolver()]
        })
    ]
});

After this, components work in templates without imports:

<template>
    <Button label="Save" />
    <DataTable :value="rows">
        <Column field="name" header="Name" />
    </DataTable>
</template>

Options

PrimeVueResolver({
    // Only resolve components that match this prefix (e.g. <p-button>)
    components: { prefix: 'p' },

    // Custom import path override
    resolve: (meta, type) => {
        if (meta.name === 'Button') return { from: 'my-button-override' };
    }
});

Directives are resolved automatically as well (v-tooltip, v-ripple, v-badge, etc.).

License

Licensed under the PrimeUI License - Copyright (c) PrimeTek Informatics