vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Documentation updates

Browse source
This commit is contained in:
Cagatay Civici 2023-03-08 11:35:24 +03:00
parent c6f69602c1
commit 8036b64523
49 changed files with 620 additions and 468 deletions
Download patch file Download diff file Expand all files Collapse all files

47
doc/configuration/NuxtIntegrationDoc.vue
View file

@ -1,47 +0,0 @@
<template>
<DocSectionText v-bind="$attrs">
<p>PrimeVue can easily be used with Nuxt 3 using a custom plugin.</p>
<h6>nuxt.config.js</h6>
<p>Open the nuxt configuration file and add the css dependencies.</p>
<DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<h6>primevue.js</h6>
<p>Create a file like <i>primevue.js</i> under the plugins directory for the configuration.</p>
<DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
</DocSectionText>
</template>
<script>
export default {
data() {
return {
code1: {
basic: `export default defineNuxtConfig({
css: [
"primevue/resources/themes/lara-light-blue/theme.css",
"primevue/resources/primevue.css",
"primeicons/primeicons.css"
],
build: {
transpile: ["primevue"]
}
})`
},
code2: {
basic: `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
});`
}
};
}
};
</script>