vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update CDN and nuxt module doc

pull/5806/head
mertsincan 2024-05-26 23:42:06 +03:00
parent d2cb8d51d4
commit 92ff853b03
8 changed files with 18 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
doc/cdn/ComponentDoc.vue
View File

@ -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
doc/cdn/ExampleDoc.vue
View File

@ -17,12 +17,11 @@ export default {
<title>PrimeVue + CDN</title> <title>PrimeVue + CDN</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="https://unpkg.com/primevue/resources/themes/lara-light-green/theme.css" />
</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/core/core.min.js"><\/script> <script src="https://unpkg.com/primevue/umd/primevue.min.js"><\/script>
<script src="https://unpkg.com/primevue/datepicker/datepicker.min.js"><\/script> <script src="https://unpkg.com/primevue/umd/themes/aura.min.js"><\/script>
<div id="app"> <div id="app">
<p-datepicker v-model="date"></p-datepicker> <p-datepicker v-model="date"></p-datepicker>
@ -36,14 +35,20 @@ export default {
const app = createApp({ const app = createApp({
setup() { setup() {
const date = ref(); const date = ref();
return { return {
date, date
}; };
}, },
}); });
app.use(primevue.config.default); app.use(PrimeVue.Config, {
app.component('p-datepicker', primevue.datepicker); theme: {
preset: PrimeVue.Themes.Aura
}
});
app.component('p-datepicker', PrimeVue.DatePicker);
app.mount('#app'); app.mount('#app');
<\/script> <\/script>

2
doc/cdn/PluginDoc.vue
View File

@ -14,7 +14,7 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
app.use(primevue.config.default); app.use(PrimeVue.Config);
` `
} }
}; };

3
doc/cdn/ScriptDoc.vue
View File

@ -16,7 +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/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.
` `
} }
}; };

6
doc/cdn/ThemingDoc.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <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> </DocSectionText>
<DocSectionCode :code="code" hideToggleCode hideStackBlitz /> <DocSectionCode :code="code" hideToggleCode hideStackBlitz />
</template> </template>
@ -11,7 +11,9 @@ export default {
return { return {
code: { code: {
basic: ` 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>
` `
} }
}; };

22
doc/nuxt/configuration/UnstyledDoc.vue
View File

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

6
pages/cdn/index.vue
View File

@ -16,7 +16,6 @@
</template> </template>
<script> <script>
import ComponentDoc from '@/doc/cdn/ComponentDoc.vue';
import CreateAppDoc from '@/doc/cdn/CreateAppDoc.vue'; import CreateAppDoc from '@/doc/cdn/CreateAppDoc.vue';
import ExampleDoc from '@/doc/cdn/ExampleDoc.vue'; import ExampleDoc from '@/doc/cdn/ExampleDoc.vue';
import PluginDoc from '@/doc/cdn/PluginDoc.vue'; import PluginDoc from '@/doc/cdn/PluginDoc.vue';
@ -47,11 +46,6 @@ export default {
label: 'Theming', label: 'Theming',
component: ThemingDoc component: ThemingDoc
}, },
{
id: 'component',
label: 'Component',
component: ComponentDoc
},
{ {
id: 'example', id: 'example',
label: 'Example', label: 'Example',

6
pages/nuxt/index.vue
View File

@ -29,7 +29,6 @@ import DirectivesDoc from '@/doc/nuxt/configuration/DirectivesDoc.vue';
import ImportPTDoc from '@/doc/nuxt/configuration/ImportPTDoc.vue'; import ImportPTDoc from '@/doc/nuxt/configuration/ImportPTDoc.vue';
import ImportThemeDoc from '@/doc/nuxt/configuration/ImportThemeDoc.vue'; import ImportThemeDoc from '@/doc/nuxt/configuration/ImportThemeDoc.vue';
import OptionsDoc from '@/doc/nuxt/configuration/OptionsDoc.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'; import UsePrimeVueDoc from '@/doc/nuxt/configuration/UsePrimeVueDoc.vue';
export default { export default {
@ -60,11 +59,6 @@ export default {
label: 'usePrimeVue', label: 'usePrimeVue',
component: UsePrimeVueDoc component: UsePrimeVueDoc
}, },
{
id: 'unstyled',
label: 'unstyled',
component: UnstyledDoc
},
{ {
id: 'options', id: 'options',
label: 'options', label: 'options',