Update CDN and nuxt module doc
mertsincan
parent
d2cb8d51d4
commit
92ff853b03
|
|
@ -1,20 +0,0 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>Include the component to use with a script tag.</p>
|
||||
</DocSectionText>
|
||||
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
<script src="https://unpkg.com/primevue/datepicker/datepicker.min.js"><\/script>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -17,12 +17,11 @@ export default {
|
|||
<title>PrimeVue + CDN</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="stylesheet" href="https://unpkg.com/primevue/resources/themes/lara-light-green/theme.css" />
|
||||
</head>
|
||||
<body>
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue/core/core.min.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue/datepicker/datepicker.min.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue/umd/primevue.min.js"><\/script>
|
||||
<script src="https://unpkg.com/primevue/umd/themes/aura.min.js"><\/script>
|
||||
|
||||
<div id="app">
|
||||
<p-datepicker v-model="date"></p-datepicker>
|
||||
|
|
@ -36,14 +35,20 @@ export default {
|
|||
const app = createApp({
|
||||
setup() {
|
||||
const date = ref();
|
||||
|
||||
return {
|
||||
date,
|
||||
date
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
app.use(primevue.config.default);
|
||||
app.component('p-datepicker', primevue.datepicker);
|
||||
app.use(PrimeVue.Config, {
|
||||
theme: {
|
||||
preset: PrimeVue.Themes.Aura
|
||||
}
|
||||
});
|
||||
|
||||
app.component('p-datepicker', PrimeVue.DatePicker);
|
||||
|
||||
app.mount('#app');
|
||||
<\/script>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ export default {
|
|||
return {
|
||||
code: {
|
||||
basic: `
|
||||
app.use(primevue.config.default);
|
||||
app.use(PrimeVue.Config);
|
||||
`
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -16,7 +16,8 @@ export default {
|
|||
code: {
|
||||
basic: `
|
||||
https://unpkg.com/vue@3/dist/vue.global.js
|
||||
https://unpkg.com/primevue/core/core.min.js
|
||||
https://unpkg.com/primevue/umd/primevue.min.js
|
||||
https://unpkg.com/primevue/umd/themes/{preset}.min.js // Optional, see theming section.
|
||||
`
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>Include the theme file with a link element, see <NuxtLink to="/theming/#themes">themes</NuxtLink> section for the complete list of available themes to choose from.</p>
|
||||
<p>Include the theme preset via a script element after adding PrimeVue, see <NuxtLink to="/theming/styled/#presets">preset</NuxtLink> section for the complete list of available presets to choose from.</p>
|
||||
</DocSectionText>
|
||||
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
|
||||
</template>
|
||||
|
|
@ -11,7 +11,9 @@ export default {
|
|||
return {
|
||||
code: {
|
||||
basic: `
|
||||
<link rel="stylesheet" href="https://unpkg.com/primevue/resources/themes/lara-light-green/theme.css" />
|
||||
<!-- <script src="https://unpkg.com/primevue/umd/themes/{preset}.min.js"><\/script> -->
|
||||
|
||||
<script src="https://unpkg.com/primevue/umd/themes/aura.min.js"><\/script>
|
||||
`
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,22 +0,0 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>Defines the theming mode, defaults to false.</p>
|
||||
</DocSectionText>
|
||||
<DocSectionCode :code="code" importCode hideToggleCode hideStackBlitz />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
primevue: {
|
||||
unstyled: true
|
||||
}
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -16,7 +16,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import ComponentDoc from '@/doc/cdn/ComponentDoc.vue';
|
||||
import CreateAppDoc from '@/doc/cdn/CreateAppDoc.vue';
|
||||
import ExampleDoc from '@/doc/cdn/ExampleDoc.vue';
|
||||
import PluginDoc from '@/doc/cdn/PluginDoc.vue';
|
||||
|
|
@ -47,11 +46,6 @@ export default {
|
|||
label: 'Theming',
|
||||
component: ThemingDoc
|
||||
},
|
||||
{
|
||||
id: 'component',
|
||||
label: 'Component',
|
||||
component: ComponentDoc
|
||||
},
|
||||
{
|
||||
id: 'example',
|
||||
label: 'Example',
|
||||
|
|
|
|||
|
|
@ -29,7 +29,6 @@ import DirectivesDoc from '@/doc/nuxt/configuration/DirectivesDoc.vue';
|
|||
import ImportPTDoc from '@/doc/nuxt/configuration/ImportPTDoc.vue';
|
||||
import ImportThemeDoc from '@/doc/nuxt/configuration/ImportThemeDoc.vue';
|
||||
import OptionsDoc from '@/doc/nuxt/configuration/OptionsDoc.vue';
|
||||
import UnstyledDoc from '@/doc/nuxt/configuration/UnstyledDoc.vue';
|
||||
import UsePrimeVueDoc from '@/doc/nuxt/configuration/UsePrimeVueDoc.vue';
|
||||
|
||||
export default {
|
||||
|
|
@ -60,11 +59,6 @@ export default {
|
|||
label: 'usePrimeVue',
|
||||
component: UsePrimeVueDoc
|
||||
},
|
||||
{
|
||||
id: 'unstyled',
|
||||
label: 'unstyled',
|
||||
component: UnstyledDoc
|
||||
},
|
||||
{
|
||||
id: 'options',
|
||||
label: 'options',
|
||||
|
|
|
|||
Loading…
Reference in New Issue