Update versions

pull/5880/head
Cagatay Civici 2024-06-13 01:42:21 +03:00
parent 48469085ff
commit 8d913692e7
8 changed files with 40 additions and 25 deletions

View File

@ -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>

View File

@ -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
` `
} }
}; };

View File

@ -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>
` `
} }
}; };

View File

@ -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
` `
} }
}; };

View File

@ -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 */

View File

@ -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
` `
} }
}; };

View File

@ -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';

View File

@ -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">