Update versions
Cagatay Civici
parent
48469085ff
commit
8d913692e7
|
|
@ -20,8 +20,8 @@ export default {
|
|||
</head>
|
||||
<body>
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue@4.0.0-beta.4/umd/primevue.min.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue@4.0.0-beta.4/umd/themes/aura.min.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue@4.0.0-rc.1/umd/primevue.min.js"><\/script>
|
||||
<script src="https://unpkg.com/@primevue/themes@4.0.0-rc.1/umd/aura.min.js"><\/script>
|
||||
|
||||
<div id="app">
|
||||
<p-datepicker v-model="date"></p-datepicker>
|
||||
|
|
|
|||
|
|
@ -16,8 +16,8 @@ export default {
|
|||
code: {
|
||||
basic: `
|
||||
https://unpkg.com/vue@3/dist/vue.global.js
|
||||
https://unpkg.com/primevue@4.0.0-beta.4/umd/primevue.min.js
|
||||
https://unpkg.com/primevue@4.0.0-beta.4/umd/themes/aura.min.js // see theming for alternatives
|
||||
https://unpkg.com/primevue@4.0.0-rc.1/umd/primevue.min.js
|
||||
https://unpkg.com/@primevue/themes@4.0.0-rc.1/umd/aura.min.js // see theming for alternatives
|
||||
`
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -11,11 +11,11 @@ export default {
|
|||
return {
|
||||
code: {
|
||||
basic: `
|
||||
<!-- <script src="https://unpkg.com/primevue@4.0.0-beta.4/umd/themes/{preset}.min.js"><\/script> -->
|
||||
<!-- <script src="https://unpkg.com/@primevue/themes@4.0.0-rc.1/umd/{preset}.min.js"><\/script> -->
|
||||
|
||||
<script src="https://unpkg.com/primevue@4.0.0-beta.4/umd/themes/aura.min.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue@4.0.0-beta.4/umd/themes/lara.min.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue@4.0.0-beta.4/umd/themes/nora.min.js"><\/script>
|
||||
<script src="https://unpkg.com/@primevue/themes@4.0.0-rc.1/umd/aura.min.js"><\/script>
|
||||
<script src="https://unpkg.com/@primevue/themes@4.0.0-rc.1/umd/lara.min.js"><\/script>
|
||||
<script src="https://unpkg.com/@primevue/themes@4.0.0-rc.1/umd/nora.min.js"><\/script>
|
||||
`
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<DocSectionText v-bind="$attrs">
|
||||
<p>
|
||||
PrimeVue is available for download on <a href="https://www.npmjs.com/package/primevue">npm Registry</a> along with the official
|
||||
<a href="https://www.npmjs.com/package/nuxt-primevue" target="_blank" rel="noopener noreferrer">nuxt-primevue</a> module.
|
||||
<a href="https://www.npmjs.com/package/@primevue/nuxt-module" target="_blank" rel="noopener noreferrer">nuxt-primevue</a> module.
|
||||
</p>
|
||||
</DocSectionText>
|
||||
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
|
||||
|
|
@ -15,16 +15,16 @@ export default {
|
|||
code: {
|
||||
basic: `
|
||||
# Using npm
|
||||
npm install primevue@4.0.0-beta.4
|
||||
npm install --save-dev nuxt-primevue@4.0.0-beta.4
|
||||
npm install primevue@4.0.0-rc.1
|
||||
npm install --save-dev @primevue/nuxt-module@4.0.0-rc.1
|
||||
|
||||
# Using yarn
|
||||
yarn add primevue@4.0.0-beta.4
|
||||
yarn add --dev nuxt-primevue@4.0.0-beta.4
|
||||
yarn add primevue@4.0.0-rc.1
|
||||
yarn add --dev @primevue/nuxt-module@4.0.0-rc.1
|
||||
|
||||
# Using pnpm
|
||||
pnpm add primevue@4.0.0-beta.4
|
||||
pnpm add -D nuxt-primevue@4.0.0-beta.4
|
||||
pnpm add primevue@4.0.0-rc.1
|
||||
pnpm add -D @primevue/nuxt-module@4.0.0-rc.1
|
||||
`
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>
|
||||
In <i>nuxt.config</i> file, add the <i>nuxt-primevue</i> to the modules section and define <i>primevue</i> object for the configuration of the module. View the <NuxtLink to="/nuxt/#configuration">module configuration</NuxtLink> section
|
||||
for the available list of options.
|
||||
In <i>nuxt.config</i> file, add the <i>@primevue/nuxt-module</i> to the modules section and define <i>primevue</i> object for the configuration of the module. View the
|
||||
<NuxtLink to="/nuxt/#configuration">module configuration</NuxtLink> section for the available list of options.
|
||||
</p>
|
||||
<DocSectionCode :code="code1" importCode hideToggleCode hideStackBlitz />
|
||||
</DocSectionText>
|
||||
|
|
@ -16,7 +16,7 @@ export default {
|
|||
basic: `
|
||||
export default defineNuxtConfig({
|
||||
modules: [
|
||||
'nuxt-primevue'
|
||||
'@primevue/nuxt-module'
|
||||
],
|
||||
primevue: {
|
||||
/* Options */
|
||||
|
|
|
|||
|
|
@ -12,13 +12,13 @@ export default {
|
|||
code: {
|
||||
basic: `
|
||||
# Using npm
|
||||
npm install primevue@4.0.0-beta.4
|
||||
npm install primevue@4.0.0-rc.1
|
||||
|
||||
# Using yarn
|
||||
yarn add primevue@4.0.0-beta.4
|
||||
yarn add primevue@4.0.0-rc.1
|
||||
|
||||
# Using pnpm
|
||||
pnpm add primevue@4.0.0-beta.4
|
||||
pnpm add primevue@4.0.0-rc.1
|
||||
`
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,15 +1,30 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>Styled mode provides pre-skinned components, default theme is Aura with emerald as the primary color. See the <NuxtLink to="/theming/styled">styled mode</NuxtLink> documentation for details.</p>
|
||||
<p>Install the <i>@primevue/themes</i> add-on package as the themes are not included in PrimeVue by default.</p>
|
||||
<DocSectionCode :code="code1" hideToggleCode hideStackBlitz />
|
||||
<p>Configure PrimeVue to use a theme like Aura.</p>
|
||||
<DocSectionCode :code="code2" importCode hideToggleCode hideStackBlitz />
|
||||
</DocSectionText>
|
||||
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
code: {
|
||||
code1: {
|
||||
basic: `
|
||||
# Using npm
|
||||
npm install @primevue/themes@4.0.0-rc.1
|
||||
|
||||
# Using yarn
|
||||
yarn add @primevue/themes@4.0.0-rc.1
|
||||
|
||||
# Using pnpm
|
||||
pnpm add @primevue/themes@4.0.0-rc.1
|
||||
`
|
||||
},
|
||||
code2: {
|
||||
basic: `
|
||||
import { createApp } from 'vue';
|
||||
import PrimeVue from 'primevue/config';
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>
|
||||
Each component can be imported and registered individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component. In a future update with a vite plugin, components would be
|
||||
imported automatically and optimized with tree shaking at build time.
|
||||
Each component can be imported and registered individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component. If you prefer importing components manually, view the
|
||||
<NuxtLink to="/autoimport">autoimport</NuxtLink> guide.
|
||||
</p>
|
||||
</DocSectionText>
|
||||
<div class="card flex justify-center">
|
||||
|
|
|
|||
Loading…
Reference in New Issue