Client only added to doc files

pull/3420/head
Bahadir Sofuoglu 2022-09-12 16:27:56 +03:00
parent a6de96f5fb
commit 4add722619
146 changed files with 2293 additions and 325 deletions

1
.gitignore vendored
View File

@ -6,3 +6,4 @@ node_modules
.output
.env
dist
.DS_Store

View File

@ -281,7 +281,7 @@
"children": [
{
"name": "Vuelidate",
"to": "/vuelidate"
"to": "/validation"
}
]
},

View File

@ -32,9 +32,6 @@ export default defineNuxtConfig({
],
vite: {
plugins: [vueJsx()],
build: {
rollupOptions
},
resolve: {
alias: {
'primevue/ripple': path.resolve(__dirname, '/components/ripple/Ripple.js'),

2013
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -6,33 +6,39 @@
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare",
"testRollup":"rollup -c",
"testgulp": "gulp build-styles"
"testRollup": "rollup -c",
"testgulp": "gulp build-styles",
"test": "vitest"
},
"devDependencies": {
"@fullcalendar/core": "^5.7.2",
"@fullcalendar/daygrid": "^5.7.2",
"@fullcalendar/interaction": "^5.7.2",
"@fullcalendar/timegrid": "^5.7.2",
"@fullcalendar/vue3": "^5.7.2",
"@fullcalendar/core": "^5.11.3",
"@fullcalendar/daygrid": "^5.11.3",
"@fullcalendar/interaction": "^5.11.3",
"@fullcalendar/timegrid": "^5.11.3",
"@fullcalendar/vue3": "^5.11.2",
"@vitejs/plugin-vue-jsx": "^2.0.1",
"chart.js": "3.3.2",
"nuxt": "3.0.0-rc.9",
"primeflex": "^3.2.1",
"primeicons": "^5.0.0",
"prismjs": "^1.29.0",
"sass": "^1.45.0",
"sass-loader": "^8.0.2",
"@vue/test-utils": "^2.0.0",
"@vuelidate/core": "^2.0.0-alpha.14",
"@vuelidate/validators": "^2.0.0-alpha.12",
"rollup-plugin-postcss": "^4.0.0",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-vue": "^6.0.0-beta.9",
"chart.js": "3.3.2",
"fullcalendar": "^5.11.3",
"gulp": "^4.0.2",
"gulp-concat": "^2.6.0",
"gulp-flatten": "^0.4.0",
"gulp-rename": "^2.0.0",
"gulp-uglify": "^3.0.2",
"gulp-uglifycss": "^1.0.6"
"gulp-uglifycss": "^1.0.6",
"jsdom": "^19.0.0",
"nuxt": "3.0.0-rc.9",
"primeflex": "^3.2.1",
"primeicons": "^5.0.0",
"prismjs": "^1.29.0",
"quill": "^1.3.7",
"rollup-plugin-postcss": "^4.0.0",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-vue": "^6.0.0-beta.9",
"sass": "^1.45.0",
"sass-loader": "^8.0.2",
"vitest": "^0.23.2"
}
}

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="AccordionDemo" :sources="sources" github="accordion/AccordionDemo.vue">
<ClientOnly>
<AppDoc name="AccordionDemo" :sources="sources" github="accordion/AccordionDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Accordion from 'primevue/accordion';
@ -473,6 +474,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="AutoCompleteDemo" :sources="sources" :service="['CountryService']" :data="['countries']" github="autocomplete/AutoCompleteDemo.vue">
<ClientOnly>
<AppDoc name="AutoCompleteDemo" :sources="sources" :service="['CountryService']" :data="['countries']" github="autocomplete/AutoCompleteDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import AutoComplete from 'primevue/autocomplete';
@ -762,6 +763,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="AvatarDemo" :sources="sources" github="avatar/AvatarDemo.vue">
<ClientOnly>
<AppDoc name="AvatarDemo" :sources="sources" github="avatar/AvatarDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Avatar from 'primevue/avatar';
@ -200,6 +201,7 @@ import AvatarGroup from 'primevue/avatargroup';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="BadgeDemo" :sources="sources" github="badge/BadgeDemo.vue">
<ClientOnly>
<AppDoc name="BadgeDemo" :sources="sources" github="badge/BadgeDemo.vue">
<h5>Getting Started</h5>
<p>Badge can either be used as a standalone component or as a directive.</p>
@ -191,6 +192,7 @@ app.directive('badge', BadgeDirective);
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="BlockUIDemo" :sources="sources" github="blockui/BlockUIDemo.vue">
<ClientOnly>
<AppDoc name="BlockUIDemo" :sources="sources" github="blockui/BlockUIDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import BlockUI from 'primevue/blockui';
@ -146,6 +147,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="BreadcrumbDemo" :sources="sources" github="breadcrumb/BreadcrumbDemo.vue">
<ClientOnly>
<AppDoc name="BreadcrumbDemo" :sources="sources" github="breadcrumb/BreadcrumbDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Breadcrumb from 'primevue/breadcrumb';
@ -151,6 +152,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ButtonDemo" :sources="sources" github="button/ButtonDemo.vue">
<ClientOnly>
<AppDoc name="ButtonDemo" :sources="sources" github="button/ButtonDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Button from 'primevue/button';
@ -296,6 +297,7 @@ import Button from 'primevue/button';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="CalendarDemo" :sources="sources" github="calendar/CalendarDemo.vue">
<ClientOnly>
<AppDoc name="CalendarDemo" :sources="sources" github="calendar/CalendarDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Calendar from 'primevue/calendar';
@ -876,6 +877,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="CardDemo" :sources="sources" github="card/CardDemo.vue">
<ClientOnly>
<AppDoc name="CardDemo" :sources="sources" github="card/CardDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Card from 'primevue/card';
@ -126,6 +127,7 @@ import Card from 'primevue/card';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="CarouselDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="carousel/CarouselDemo.vue">
<ClientOnly>
<AppDoc name="CarouselDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="carousel/CarouselDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Carousel from 'primevue/carousel';
@ -309,6 +310,7 @@ data() {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="CascadeSelectDemo" :sources="sources" github="cascadeselect/CascadeSelectDemo.vue">
<ClientOnly>
<AppDoc name="CascadeSelectDemo" :sources="sources" github="cascadeselect/CascadeSelectDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import CascadeSelect from 'primevue/cascadeselect';
@ -599,6 +600,7 @@ data() &#123;
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/BarChartDemo.vue" />
<ClientOnly>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/BarChartDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/ComboChartDemo.vue" />
<ClientOnly>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/ComboChartDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/DoughnutChartDemo.vue" />
<ClientOnly>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/DoughnutChartDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/LineChartDemo.vue" />
<ClientOnly>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/LineChartDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/PieChartDemo.vue" />
<ClientOnly>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/PieChartDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/PolarAreaChartDemo.vue" />
<ClientOnly>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/PolarAreaChartDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/RadarChartDemo.vue" />
<ClientOnly>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/RadarChartDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="CheckboxDemo" :sources="sources" github="checkbox/CheckboxDemo.vue">
<ClientOnly>
<AppDoc name="CheckboxDemo" :sources="sources" github="checkbox/CheckboxDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Checkbox from 'primevue/checkbox';
@ -245,6 +246,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ChipDemo" :sources="sources" github="chip/ChipDemo.vue">
<ClientOnly>
<AppDoc name="ChipDemo" :sources="sources" github="chip/ChipDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Chip from 'primevue/chip';
@ -139,6 +140,7 @@ import Chip from 'primevue/chip';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ChipsDemo" :sources="sources" github="chips/ChipsDemo.vue">
<ClientOnly>
<AppDoc name="ChipsDemo" :sources="sources" github="chips/ChipsDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Chips from 'primevue/chips';
@ -279,6 +280,7 @@ import Chips from 'primevue/chips';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ColorPickerDemo" :sources="sources" :extFiles="extFiles" github="colorpicker/ColorPickerDemo.vue">
<ClientOnly>
<AppDoc name="ColorPickerDemo" :sources="sources" :extFiles="extFiles" github="colorpicker/ColorPickerDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import ColorPicker from 'primevue/colorpicker';
@ -302,6 +303,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ConfirmDialogDemo" :sources="sources" github="confirmdialog/ConfirmDialogDemo.vue">
<ClientOnly>
<AppDoc name="ConfirmDialogDemo" :sources="sources" github="confirmdialog/ConfirmDialogDemo.vue">
<h5>ConfirmationService</h5>
<p>ConfirmDialog is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application instance is created.</p>
<pre v-code.script><code>
@ -321,6 +322,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ConfirmPopupDemo" :sources="sources" github="confirmpopup/ConfirmPopupDemo.vue">
<ClientOnly>
<AppDoc name="ConfirmPopupDemo" :sources="sources" github="confirmpopup/ConfirmPopupDemo.vue">
<h5>ConfirmationService</h5>
<p>ConfirmPopup is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application instance is created.</p>
<pre v-code.script><code>
@ -304,6 +305,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ContextMenuDemo" :sources="sources" github="contextmenu/ContextMenuDemo.vue">
<ClientOnly>
<AppDoc name="ContextMenuDemo" :sources="sources" github="contextmenu/ContextMenuDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import ContextMenu from 'primevue/contextmenu';
@ -361,6 +362,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<div>
<ClientOnly>
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable <span>ColumnGroup</span></h1>
@ -55,7 +56,9 @@
</div>
</div>
<AppDoc name="DataTableColGroupDemo" :sources="sources" github="datatable/DataTableColGroupDemo.vue" />
<AppDoc name="DataTableColGroupDemo" :sources="sources" github="datatable/DataTableColGroupDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -33,7 +33,9 @@
</div>
</div>
<AppDoc name="DataTableColResizeDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableColResizeDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableColResizeDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableColResizeDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -22,7 +22,9 @@
</div>
</div>
<AppDoc name="DataTableColToggleDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableColToggleDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableColToggleDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableColToggleDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -25,7 +25,9 @@
<ContextMenu :model="menuModel" ref="cm" />
</div>
<AppDoc name="DataTableContextMenuDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableContextMenuDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableContextMenuDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableContextMenuDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -171,7 +171,9 @@
</Dialog>
</div>
<AppDoc name="DataTableCrudDemo" :sources="sources" :service="['ProductService']" :data="['products']" github="datatable/DataTableCrudDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableCrudDemo" :sources="sources" :service="['ProductService']" :data="['products']" github="datatable/DataTableCrudDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="DataTableBasicDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableBasicDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableBasicDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableBasicDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,6 +1,7 @@
<template>
<div class="content-section documentation">
<AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableDemo.vue">
<ClientOnly>
<AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import DataTable from 'primevue/datatable';
@ -2749,6 +2750,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</div>
</template>

View File

@ -16,7 +16,9 @@
</div>
</div>
<AppDoc name="DataTableDynamicColumnsDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableDynamicColumnsDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableDynamicColumnsDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableDynamicColumnsDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -70,7 +70,9 @@
</div>
</div>
<AppDoc name="DataTableEditDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableEditDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableEditDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableEditDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -24,7 +24,9 @@
</div>
</div>
<AppDoc name="DataTableExportDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableExportDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableExportDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableExportDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -220,7 +220,9 @@
</div>
</div>
<AppDoc name="DataTableFilterDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableFilterDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableFilterDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableFilterDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -17,7 +17,9 @@
</div>
</div>
<AppDoc name="DataTableFlexScrollDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableFlexScrollDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableFlexScrollDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableFlexScrollDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -21,7 +21,9 @@
</div>
</div>
<AppDoc name="DataTableGridLinesDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableGridLinesDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableGridLinesDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableGridLinesDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -62,7 +62,9 @@
</div>
</div>
<AppDoc name="DataTableLazyDemo" :sources="sources" :service="['CustomerService']" github="datatable/DataTableLazyDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableLazyDemo" :sources="sources" :service="['CustomerService']" github="datatable/DataTableLazyDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -33,7 +33,9 @@
</div>
</div>
<AppDoc name="DataTablePaginatorDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTablePaginatorDemo.vue" />
<ClientOnly>
<AppDoc name="DataTablePaginatorDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTablePaginatorDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -17,7 +17,9 @@
</div>
</div>
<AppDoc name="DataTableReorderDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableReorderDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableReorderDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableReorderDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -50,7 +50,9 @@
</div>
</div>
<AppDoc name="DataTableResponsiveDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableResponsiveDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableResponsiveDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableResponsiveDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -69,7 +69,9 @@
</div>
</div>
<AppDoc name="DataTableRowExpandDemo" :sources="sources" :service="['ProductService']" :data="['products-orders-small']" github="datatable/DataTableRowExpandDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableRowExpandDemo" :sources="sources" :service="['ProductService']" :data="['products-orders-small']" github="datatable/DataTableRowExpandDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -115,7 +115,9 @@
</div>
</div>
<AppDoc name="DataTableRowGroupDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="datatable/DataTableRowGroupDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableRowGroupDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="datatable/DataTableRowGroupDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -126,7 +126,9 @@
</div>
</div>
<AppDoc name="DataTableScrollDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium', 'customers-large']" github="datatable/DataTableScrollDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableScrollDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium', 'customers-large']" github="datatable/DataTableScrollDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -79,7 +79,9 @@
</div>
</div>
<AppDoc name="DataTableSelectionDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSelectionDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableSelectionDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSelectionDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -40,7 +40,9 @@
</div>
</div>
<AppDoc name="DataTableSizeDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSizeDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableSizeDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSizeDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -71,7 +71,9 @@
</div>
</div>
<AppDoc name="DataTableSortDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSortDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableSortDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSortDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -142,7 +142,9 @@
</div>
</div>
<AppDoc name="DataTableStateDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="datatable/DataTableStateDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableStateDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="datatable/DataTableStateDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -19,7 +19,9 @@
</div>
</div>
<AppDoc name="DataTableStripedDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableStripedDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableStripedDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableStripedDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -25,7 +25,9 @@
</div>
</div>
<AppDoc name="DataTableStyleDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableStyleDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableStyleDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableStyleDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -43,7 +43,9 @@
</div>
</div>
<AppDoc name="DataTableTemplatingDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableTemplatingDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableTemplatingDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableTemplatingDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -61,7 +61,9 @@
</div>
</div>
<AppDoc name="DataTableVirtualScrollDemo" :sources="sources" :service="['CarService']" github="datatable/DataTableVirtualScrollDemo.vue" />
<ClientOnly>
<AppDoc name="DataTableVirtualScrollDemo" :sources="sources" :service="['CarService']" github="datatable/DataTableVirtualScrollDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="DataViewDemo" :sources="sources" :service="['ProductService']" :data="['products']" github="dataview/DataViewDemo.vue">
<ClientOnly>
<AppDoc name="DataViewDemo" :sources="sources" :service="['ProductService']" :data="['products']" github="dataview/DataViewDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
@ -471,6 +472,7 @@ export default {
<h5>Dependencies</h5>
<p>PrimeFlex</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="DeferredContentDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="deferredcontent/DeferredContentDemo.vue">
<ClientOnly>
<AppDoc name="DeferredContentDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="deferredcontent/DeferredContentDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import DeferredContent from 'primevue/deferredcontent';
@ -89,6 +90,7 @@ import DeferredContent from 'primevue/deferredcontent';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="DialogDemo" :sources="sources" github="dialog/DialogDemo.vue">
<ClientOnly>
<AppDoc name="DialogDemo" :sources="sources" github="dialog/DialogDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Dialog from 'primevue/dialog';
@ -349,6 +350,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="DividerDemo" :sources="sources" github="divider/DividerDemo.vue">
<ClientOnly>
<AppDoc name="DividerDemo" :sources="sources" github="divider/DividerDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Divider from 'primevue/divider';
@ -181,6 +182,7 @@ import Divider from 'primevue/divider';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="DockDemo" :sources="sources" github="dock/DockDemo.vue" :service="['NodeService', 'PhotoService']" :data="['treenodes', 'photos']">
<ClientOnly>
<AppDoc name="DockDemo" :sources="sources" github="dock/DockDemo.vue" :service="['NodeService', 'PhotoService']" :data="['treenodes', 'photos']">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Dock from 'primevue/dock';
@ -158,6 +159,7 @@ import Dock from 'primevue/dock';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="DropdownDemo" :sources="sources" github="dropdown/DropdownDemo.vue">
<ClientOnly>
<AppDoc name="DropdownDemo" :sources="sources" github="dropdown/DropdownDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Dropdown from 'primevue/dropdown';
@ -797,6 +798,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="DynamicDialogDemo" :sources="sources" :extFiles="extFiles" :service="['ProductService']" :data="['products-small']" github="dynamicdialog/DynamicDialogDemo.vue">
<ClientOnly>
<AppDoc name="DynamicDialogDemo" :sources="sources" :extFiles="extFiles" :service="['ProductService']" :data="['products-small']" github="dynamicdialog/DynamicDialogDemo.vue">
<h5>DialogService</h5>
<p>Dynamic dialogs require the <i>DialogService</i> to be configured globally.</p>
@ -309,6 +310,7 @@ export default {
</table>
</div>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="FieldsetDemo" :sources="sources" github="fieldset/FieldsetDemo.vue">
<ClientOnly>
<AppDoc name="FieldsetDemo" :sources="sources" github="fieldset/FieldsetDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Fieldset from 'primevue/fieldset';
@ -223,6 +224,7 @@ import Fieldset from 'primevue/fieldset';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="FileUploadDemo" :sources="sources" github="fileupload/FileUploadDemo.vue">
<ClientOnly>
<AppDoc name="FileUploadDemo" :sources="sources" github="fileupload/FileUploadDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import FileUpload from 'primevue/fileupload';
@ -381,6 +382,7 @@ myUploader(event) {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="FilterServiceDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="filterservice/FilterServiceDemo.vue">
<ClientOnly>
<AppDoc name="FilterServiceDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="filterservice/FilterServiceDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import &#123;FilterService&#125; from 'primevue/api';
@ -233,6 +234,7 @@ FilterService.filters['isPrimeNumber'](568985673); //false
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -112,7 +112,9 @@
</div>
</div>
<AppDoc name="FloatLabelDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" github="floatlabel/FloatLabelDemo.vue" />
<ClientOnly>
<AppDoc name="FloatLabelDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" github="floatlabel/FloatLabelDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -21,6 +21,7 @@
</div>
<div class="content-section documentation">
<ClientOnly>
<TabView>
<TabPanel header="Source">
<pre v-code><code><template v-pre>
@ -71,6 +72,7 @@ export default {
</code></pre>
</TabPanel>
</TabView>
</ClientOnly>
</div>
</div>
</template>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ImageDemo" :sources="sources" github="image/ImageDemo.vue">
<ClientOnly>
<AppDoc name="ImageDemo" :sources="sources" github="image/ImageDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Image from 'primevue/image';
@ -168,6 +169,7 @@ import Image from 'primevue/image';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="InplaceDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="inplace/InplaceDemo.vue">
<ClientOnly>
<AppDoc name="InplaceDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="inplace/InplaceDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Inplace from 'primevue/inplace';
@ -196,6 +197,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,7 @@
<template>
<AppDoc name="InputGroupDemo" :sources="sources" github="inputgroup/InputGroupDemo.vue" />
<ClientOnly>
<AppDoc name="InputGroupDemo" :sources="sources" github="inputgroup/InputGroupDemo.vue" />
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="InputMaskDemo" :sources="sources" github="inputmask/InputMaskDemo.vue">
<ClientOnly>
<AppDoc name="InputMaskDemo" :sources="sources" github="inputmask/InputMaskDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import InputMask from 'primevue/inputmask';
@ -157,6 +158,7 @@ import InputMask from 'primevue/inputmask';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="InputNumberDemo" :sources="sources" github="inputnumber/InputNumberDemo.vue">
<ClientOnly>
<AppDoc name="InputNumberDemo" :sources="sources" github="inputnumber/InputNumberDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import InputNumber from 'primevue/inputnumber';
@ -502,6 +503,7 @@ Vertical
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="InputSwitchDemo" :sources="sources" github="inputswitch/InputSwitchDemo.vue">
<ClientOnly>
<AppDoc name="InputSwitchDemo" :sources="sources" github="inputswitch/InputSwitchDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import InputSwitch from 'primevue/inputswitch';
@ -204,6 +205,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="InputTextDemo" :sources="sources" github="inputtext/InputTextDemo.vue">
<ClientOnly>
<AppDoc name="InputTextDemo" :sources="sources" github="inputtext/InputTextDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import InputText from 'primevue/inputtext';
@ -183,6 +184,7 @@ import InputText from 'primevue/inputtext';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -51,7 +51,9 @@
</div>
</div>
<AppDoc name="InvalidDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" github="invalid/InvalidDemo.vue" />
<ClientOnly>
<AppDoc name="InvalidDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" github="invalid/InvalidDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="KnobDemo" :sources="sources" github="knob/KnobDemo.vue">
<ClientOnly>
<AppDoc name="KnobDemo" :sources="sources" github="knob/KnobDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Knob from 'primevue/knob';
@ -284,6 +285,7 @@ data() {
<h5>Knob Vue</h5>
<p>PrimeVue Knob has no dependency however implementation is derived and inspired from <a href="https://github.com/kramer99/vue-knob-control">vue-knob-control</a> component authored by <a href="https://github.com/kramer99">kramer99</a>.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ListboxDemo" :sources="sources" github="listbox/ListboxDemo.vue">
<ClientOnly>
<AppDoc name="ListboxDemo" :sources="sources" github="listbox/ListboxDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Listbox from 'primevue/listbox';
@ -598,6 +599,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="MegaMenuDemo" :sources="sources" github="megamenu/MegaMenuDemo.vue">
<ClientOnly>
<AppDoc name="MegaMenuDemo" :sources="sources" github="megamenu/MegaMenuDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import MegaMenu from 'primevue/megamenu';
@ -305,6 +306,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="MenuDemo" :sources="sources" github="menu/MenuDemo.vue">
<ClientOnly>
<AppDoc name="MenuDemo" :sources="sources" github="menu/MenuDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Menu from 'primevue/menu';
@ -279,6 +280,7 @@ toggle(event) {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="MenubarDemo" :sources="sources" github="menubar/MenubarDemo.vue">
<ClientOnly>
<AppDoc name="MenubarDemo" :sources="sources" github="menubar/MenubarDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Menubar from 'primevue/menubar';
@ -292,6 +293,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="MessageDemo" :sources="sources" github="message/MessageDemo.vue">
<ClientOnly>
<AppDoc name="MessageDemo" :sources="sources" github="message/MessageDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Message from 'primevue/message';
@ -261,6 +262,7 @@ import InlineMessage from 'primevue/inlinemessage';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="MultiSelectDemo" :sources="sources" github="multiselect/MultiSelectDemo.vue">
<ClientOnly>
<AppDoc name="MultiSelectDemo" :sources="sources" github="multiselect/MultiSelectDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import MultiSelect from 'primevue/multiselect';
@ -892,6 +893,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="OrderListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="orderlist/OrderListDemo.vue">
<ClientOnly>
<AppDoc name="OrderListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="orderlist/OrderListDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import OrderList from 'primevue/orderlist';
@ -233,6 +234,7 @@ import OrderList from 'primevue/orderlist';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="OrganizationChartDemo" :sources="sources" github="organizationchart/OrganizationChartDemo.vue">
<ClientOnly>
<AppDoc name="OrganizationChartDemo" :sources="sources" github="organizationchart/OrganizationChartDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import OrganizationChart from 'primevue/organizationchart';
@ -485,6 +486,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="OverlayPanelDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="overlaypanel/OverlayPanelDemo.vue">
<ClientOnly>
<AppDoc name="OverlayPanelDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="overlaypanel/OverlayPanelDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import OverlayPanel from 'primevue/overlaypanel';
@ -202,6 +203,7 @@ toggle(event) {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="PaginatorDemo" :sources="sources" github="paginator/PaginatorDemo.vue">
<ClientOnly>
<AppDoc name="PaginatorDemo" :sources="sources" github="paginator/PaginatorDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Paginator from 'primevue/paginator';
@ -270,6 +271,7 @@ onPage(event) {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="PanelDemo" :sources="sources" github="panel/PanelDemo.vue">
<ClientOnly>
<AppDoc name="PanelDemo" :sources="sources" github="panel/PanelDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Panel from 'primevue/panel';
@ -250,6 +251,7 @@ import Panel from 'primevue/panel';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="PanelMenuDemo" :sources="sources" github="panelmenu/PanelMenuDemo.vue">
<ClientOnly>
<AppDoc name="PanelMenuDemo" :sources="sources" github="panelmenu/PanelMenuDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import PanelMenu from 'primevue/panelmenu';
@ -475,6 +476,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="PasswordDemo" :sources="sources" github="password/PasswordDemo.vue">
<ClientOnly>
<AppDoc name="PasswordDemo" :sources="sources" github="password/PasswordDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Password from 'primevue/password';
@ -323,6 +324,7 @@ import Password from 'primevue/password';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="PickListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="picklist/PickListDemo.vue">
<ClientOnly>
<AppDoc name="PickListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="picklist/PickListDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import PickList from 'primevue/picklist';
@ -329,6 +330,7 @@ import PickList from 'primevue/picklist';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ProgressBarDemo" :sources="sources" github="progressbar/ProgressBarDemo.vue">
<ClientOnly>
<AppDoc name="ProgressBarDemo" :sources="sources" github="progressbar/ProgressBarDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import ProgressBar from 'primevue/progressbar';
@ -115,6 +116,7 @@ data() {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ProgressSpinnerDemo" :sources="sources" github="progressspinner/ProgressSpinnerDemo.vue">
<ClientOnly>
<AppDoc name="ProgressSpinnerDemo" :sources="sources" github="progressspinner/ProgressSpinnerDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import ProgressSpinner from 'primevue/progressspinner';
@ -107,6 +108,7 @@ import ProgressSpinner from 'primevue/progressspinner';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="RadioButtonDemo" :sources="sources" github="radiobutton/RadioButtonDemo.vue">
<ClientOnly>
<AppDoc name="RadioButtonDemo" :sources="sources" github="radiobutton/RadioButtonDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import RadioButton from 'primevue/radiobutton';
@ -221,6 +222,7 @@ export default {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="RatingDemo" :sources="sources" github="rating/RatingDemo.vue">
<ClientOnly>
<AppDoc name="RatingDemo" :sources="sources" github="rating/RatingDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import Rating from 'primevue/rating';
@ -192,6 +193,7 @@ import Rating from 'primevue/rating';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -532,7 +532,9 @@
</div>
</div>
<AppDoc name="ResponsiveDemo" :sources="sources" :service="['CustomerService', 'CountryService', 'ProductService']" :data="['customers-large', 'countries', 'products-small']" github="responsive/ResponsiveDemo.vue" />
<ClientOnly>
<AppDoc name="ResponsiveDemo" :sources="sources" :service="['CustomerService', 'CountryService', 'ProductService']" :data="['customers-large', 'countries', 'products-small']" github="responsive/ResponsiveDemo.vue" />
</ClientOnly>
</div>
</template>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="RippleDemo" :sources="sources" github="ripple/RippleDemo.vue">
<ClientOnly>
<AppDoc name="RippleDemo" :sources="sources" github="ripple/RippleDemo.vue">
<h5>Getting Started</h5>
<h5>Ripple</h5>
<p>Ripple is an optional animation for the supported components such as buttons. It is disabled by default and needs to be enabled at your app's entry file (e.g. main.js) during the PrimeVue setup.</p>
@ -80,6 +81,7 @@ directives: {
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

View File

@ -1,5 +1,6 @@
<template>
<AppDoc name="ScrollPanelDemo" :sources="sources" github="scrollpanel/ScrollPanelDemo.vue">
<ClientOnly>
<AppDoc name="ScrollPanelDemo" :sources="sources" github="scrollpanel/ScrollPanelDemo.vue">
<h5>Import via Module</h5>
<pre v-code.script><code>
import ScrollPanel from 'primevue/scrollpanel';
@ -161,6 +162,7 @@ import ScrollPanel from 'primevue/scrollpanel';
<h5>Dependencies</h5>
<p>None.</p>
</AppDoc>
</ClientOnly>
</template>
<script>

Some files were not shown because too many files have changed in this diff Show More