Update unplugin doc

pull/5880/head
Cagatay Civici 2024-06-13 08:14:59 +03:00
parent 8d913692e7
commit ff3fb8104e
1 changed files with 4 additions and 3 deletions

View File

@ -1,8 +1,8 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>
The <a href="https://github.com/unplugin/unplugin-vue-components" target="_blank" rel="noopener noreferrer">unplugin-vue-components</a> library can automatically import and register PrimeVue components with the built-in resolver. Let's The <a href="https://github.com/unplugin/unplugin-vue-components" target="_blank" rel="noopener noreferrer">unplugin-vue-components</a> library can automatically import and register PrimeVue components with the help of
begin with installing the library. <i>@primevue/auto-import-resolver</i>. Begin with installing the packages as dev dependencies.
</p> </p>
<DocSectionCode :code="code1" hideToggleCode importCode hideStackBlitz /> <DocSectionCode :code="code1" hideToggleCode importCode hideStackBlitz />
<p>Next step would be adding the <i>PrimeVueResolver</i> at vite.config using the <i>Components</i> plugin.</p> <p>Next step would be adding the <i>PrimeVueResolver</i> at vite.config using the <i>Components</i> plugin.</p>
@ -22,6 +22,7 @@ export default {
code1: { code1: {
basic: ` basic: `
npm i unplugin-vue-components -D npm i unplugin-vue-components -D
npm i @primevue/auto-import-resolver -D
` `
}, },
code2: { code2: {
@ -29,7 +30,7 @@ npm i unplugin-vue-components -D
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'; import Components from 'unplugin-vue-components/vite';
import {PrimeVueResolver} from 'unplugin-vue-components/resolvers'; import {PrimeVueResolver} from '@primevue/auto-import-resolver';
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({