@primevue/mcp 4.5.5 → 5.0.0-rc.2

package/data/llms/pages/vite.md

@@ -0,0 +1,90 @@
+# Install PrimeVue with Vite
+
+Setting up PrimeVue in a Vite project.
+
+## Download
+
+PrimeVue is available for download on npm registry .
+
+```vue
+# Using npm
+npm install primevue@5.0.0-rc.2 @primeuix/themes@3.0.0-rc.1
+
+# Using yarn
+yarn add primevue@5.0.0-rc.2 @primeuix/themes@3.0.0-rc.1
+
+# Using pnpm
+pnpm add primevue@5.0.0-rc.2 @primeuix/themes@3.0.0-rc.1
+```
+
+## Plugin
+
+PrimeVue plugin is required to be installed as an application plugin to set up the default configuration . The plugin is lightweight, and only utilized for configuration purposes.
+
+```vue
+import { createApp } from 'vue';
+import PrimeVue from 'primevue/config';
+import Aura from '@primeuix/themes/aura';
+
+const app = createApp(App);
+app.use(PrimeVue, {
+    /* Configuration */
+});
+```
+
+## Theme
+
+Configure PrimeVue to use a theme like Aura.
+
+```vue
+import { createApp } from 'vue';
+import PrimeVue from 'primevue/config';
+import Aura from '@primeuix/themes/aura';
+
+const app = createApp(App);
+app.use(PrimeVue, {
+    theme: {
+        preset: Aura
+    }
+});
+```
+
+## License
+
+Provide your PrimeUI license key .
+
+```vue
+import { createApp } from 'vue';
+import PrimeVue from 'primevue/config';
+import Aura from '@primeuix/themes/aura';
+
+const app = createApp(App);
+app.use(PrimeVue, {
+    theme: {
+        preset: Aura
+    },
+    license: 'PRIMEUI-LICENSE-KEY'
+});
+```
+
+## Verify
+
+Verify your setup by adding a component such as Button . Each component can be imported and registered individually so that you only include what you use for bundle optimization. Import path is available in the documentation of the corresponding component.
+
+```vue
+<template>
+    <Button>Verify</Button>
+</template>
+
+<script setup>
+import Button from 'primevue/button';
+<\/script>
+```
+
+## Examples
+
+We've created various samples for the popular options in the Vue ecosystem. Visit the primevue-examples repository for more samples including vite-quickstart and vite-ts-quickstart .
+
+## Next Steps
+
+Welcome to the Prime UI Ecosystem! Once you have PrimeVue up and running, we recommend exploring the following resources to gain a deeper understanding of the library. Global configuration Auto imports with tree-shaking Customization of styles Pass through attributes