Update versions
parent
48469085ff
commit
8d913692e7
|
@ -20,8 +20,8 @@ export default {
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"><\/script>
|
<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-rc.1/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/themes@4.0.0-rc.1/umd/aura.min.js"><\/script>
|
||||||
|
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<p-datepicker v-model="date"></p-datepicker>
|
<p-datepicker v-model="date"></p-datepicker>
|
||||||
|
|
|
@ -16,8 +16,8 @@ export default {
|
||||||
code: {
|
code: {
|
||||||
basic: `
|
basic: `
|
||||||
https://unpkg.com/vue@3/dist/vue.global.js
|
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-rc.1/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/themes@4.0.0-rc.1/umd/aura.min.js // see theming for alternatives
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -11,11 +11,11 @@ export default {
|
||||||
return {
|
return {
|
||||||
code: {
|
code: {
|
||||||
basic: `
|
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/themes@4.0.0-rc.1/umd/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/themes@4.0.0-rc.1/umd/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/nora.min.js"><\/script>
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>
|
<p>
|
||||||
PrimeVue is available for download on <a href="https://www.npmjs.com/package/primevue">npm Registry</a> along with the official
|
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>
|
</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
|
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
|
||||||
|
@ -15,16 +15,16 @@ export default {
|
||||||
code: {
|
code: {
|
||||||
basic: `
|
basic: `
|
||||||
# Using npm
|
# Using npm
|
||||||
npm install primevue@4.0.0-beta.4
|
npm install primevue@4.0.0-rc.1
|
||||||
npm install --save-dev nuxt-primevue@4.0.0-beta.4
|
npm install --save-dev @primevue/nuxt-module@4.0.0-rc.1
|
||||||
|
|
||||||
# Using yarn
|
# Using yarn
|
||||||
yarn add primevue@4.0.0-beta.4
|
yarn add primevue@4.0.0-rc.1
|
||||||
yarn add --dev nuxt-primevue@4.0.0-beta.4
|
yarn add --dev @primevue/nuxt-module@4.0.0-rc.1
|
||||||
|
|
||||||
# Using pnpm
|
# Using pnpm
|
||||||
pnpm add primevue@4.0.0-beta.4
|
pnpm add primevue@4.0.0-rc.1
|
||||||
pnpm add -D nuxt-primevue@4.0.0-beta.4
|
pnpm add -D @primevue/nuxt-module@4.0.0-rc.1
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>
|
<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
|
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
|
||||||
for the available list of options.
|
<NuxtLink to="/nuxt/#configuration">module configuration</NuxtLink> section for the available list of options.
|
||||||
</p>
|
</p>
|
||||||
<DocSectionCode :code="code1" importCode hideToggleCode hideStackBlitz />
|
<DocSectionCode :code="code1" importCode hideToggleCode hideStackBlitz />
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
|
@ -16,7 +16,7 @@ export default {
|
||||||
basic: `
|
basic: `
|
||||||
export default defineNuxtConfig({
|
export default defineNuxtConfig({
|
||||||
modules: [
|
modules: [
|
||||||
'nuxt-primevue'
|
'@primevue/nuxt-module'
|
||||||
],
|
],
|
||||||
primevue: {
|
primevue: {
|
||||||
/* Options */
|
/* Options */
|
||||||
|
|
|
@ -12,13 +12,13 @@ export default {
|
||||||
code: {
|
code: {
|
||||||
basic: `
|
basic: `
|
||||||
# Using npm
|
# Using npm
|
||||||
npm install primevue@4.0.0-beta.4
|
npm install primevue@4.0.0-rc.1
|
||||||
|
|
||||||
# Using yarn
|
# Using yarn
|
||||||
yarn add primevue@4.0.0-beta.4
|
yarn add primevue@4.0.0-rc.1
|
||||||
|
|
||||||
# Using pnpm
|
# Using pnpm
|
||||||
pnpm add primevue@4.0.0-beta.4
|
pnpm add primevue@4.0.0-rc.1
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,15 +1,30 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<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>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>
|
</DocSectionText>
|
||||||
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
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: `
|
basic: `
|
||||||
import { createApp } from 'vue';
|
import { createApp } from 'vue';
|
||||||
import PrimeVue from 'primevue/config';
|
import PrimeVue from 'primevue/config';
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>
|
<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
|
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
|
||||||
imported automatically and optimized with tree shaking at build time.
|
<NuxtLink to="/autoimport">autoimport</NuxtLink> guide.
|
||||||
</p>
|
</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="card flex justify-center">
|
<div class="card flex justify-center">
|
||||||
|
|
Loading…
Reference in New Issue