diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue index 965f886d7..e331e8db5 100644 --- a/src/views/setup/Setup.vue +++ b/src/views/setup/Setup.vue @@ -60,8 +60,6 @@ new Vue({ </script> - -

Dependencies

Majority of PrimeVue components (95%) are native and there are some exceptions having 3rd party dependencies such as Quill for Editor.

In addition, components require PrimeIcons library for icons.

@@ -119,6 +117,37 @@ primeicons/primeicons.css //icons

Typescript

Typescript is fully supported as type definition files are provided in the npm package of PrimeVue. A sample typescript-primevue application is available as well at github.

+

Nuxt.js Integration

+

PrimeVue can easily be added to a Nuxt.js with the following steps.

+

1) Add primevue.js to the plugins folder with the components you'd like to use.

+ +import Vue from 'vue'; +import InputText from 'primevue/inputtext'; +import Button from 'primevue/button'; +import Toast from 'primevue/toast'; +import ToastService from 'primevue/toastservice'; + +Vue.use(ToastService); + +Vue.component('InputText', InputText); +Vue.component('Button', Button); +Vue.component('Toast', Toast); + + +

2) Add requires CSS dependencies and the plugin configuration in nuxt.config.js.

+ +css: [ + {src: 'primevue/resources/primevue.min.css'}, + {src: 'primevue/resources/themes/nova-light/theme.css'}, + {src: 'primeicons/primeicons.css'}, + ], +plugins: [ + {src:'~/plugins/primevue.js', mode: 'client'} +] + + +

That is all, for a complete example please refer to the primevue-nuxtjs-quickstart sample.

+