diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue index 4892390c7..034d4b3c3 100755 --- a/src/views/setup/Setup.vue +++ b/src/views/setup/Setup.vue @@ -212,6 +212,40 @@ primevue/resources/themes/luna-green/theme.css primevue/resources/themes/luna-pink/theme.css primevue/resources/themes/rhea/theme.css + + +
Nuxt Integration
+

Nuxt 3 is currently in beta and an official module is planned after the final release. At the moment, PrimeVue can easily be used with Nuxt 3 using a custom plugin.

+ + nuxt.config.js +

Open the nuxt configuration file and add the css dependencies.

+

+import { defineNuxtConfig } from 'nuxt3'
+
+export default defineNuxtConfig({
+    css: [
+        'primevue/resources/themes/saga-blue/theme.css',
+        'primevue/resources/primevue.css',
+        'primeicons/primeicons.css'
+    ]
+})
+
+
+ + primevue.js +

Create a file like primevue.js under the plugins directory for the configuration.

+ +

+import { defineNuxtPlugin } from "#app";
+import PrimeVue from "primevue/config";
+import Button from "primevue/button";
+
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.use(PrimeVue, {ripple: true});
+    nuxtApp.vueApp.component('Button', Button);
+    //other components that you need
+});
+
 
PrimeFlex