Remove extra lines
parent
cf14cd2b81
commit
c6fba7f4e2
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import AutoComplete from 'primevue/autocomplete';`
|
||||
basic: `import AutoComplete from 'primevue/autocomplete';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import BlockUI from 'primevue/blockui';`
|
||||
basic: `import BlockUI from 'primevue/blockui';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Breadcrumb from 'primevue/breadcrumb';`
|
||||
basic: `import Breadcrumb from 'primevue/breadcrumb';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Button from 'primevue/button';`
|
||||
basic: `import Button from 'primevue/button';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Calendar from 'primevue/calendar';`
|
||||
basic: `import Calendar from 'primevue/calendar';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Carousel from 'primevue/carousel';`
|
||||
basic: `import Carousel from 'primevue/carousel';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import CascadeSelect from 'primevue/cascadeselect';`
|
||||
basic: `import CascadeSelect from 'primevue/cascadeselect';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Checkbox from 'primevue/checkbox';`
|
||||
basic: `import Checkbox from 'primevue/checkbox';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Chip from 'primevue/chip';`
|
||||
basic: `import Chip from 'primevue/chip';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import ColorPicker from 'primevue/colorpicker';`
|
||||
basic: `import ColorPicker from 'primevue/colorpicker';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -10,8 +10,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import PrimeVue from 'primevue/config';
|
||||
basic: `import PrimeVue from 'primevue/config';
|
||||
const app = createApp(App);
|
||||
|
||||
app.use(PrimeVue);`
|
||||
|
|
|
@ -15,8 +15,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import {createApp} from "vue";
|
||||
basic: `import {createApp} from "vue";
|
||||
import PrimeVue from "primevue/config";
|
||||
const app = createApp(App);
|
||||
|
||||
|
|
|
@ -19,8 +19,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code1: {
|
||||
basic: `
|
||||
export default defineNuxtConfig({
|
||||
basic: `export default defineNuxtConfig({
|
||||
css: [
|
||||
"primevue/resources/themes/lara-light-blue/theme.css",
|
||||
"primevue/resources/primevue.css",
|
||||
|
@ -32,8 +31,7 @@ export default defineNuxtConfig({
|
|||
})`
|
||||
},
|
||||
code2: {
|
||||
basic: `
|
||||
import { defineNuxtPlugin } from "#app";
|
||||
basic: `import { defineNuxtPlugin } from "#app";
|
||||
import PrimeVue from "primevue/config";
|
||||
import Button from "primevue/button";
|
||||
|
||||
|
|
|
@ -11,8 +11,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
<Dialog :showHeader="false"></Dialog>
|
||||
basic: `<Dialog :showHeader="false"></Dialog>
|
||||
|
||||
<!-- can be written as -->
|
||||
|
||||
|
|
|
@ -11,8 +11,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import {createApp} from "vue";
|
||||
basic: `import { createApp } from "vue";
|
||||
import PrimeVue from "primevue/config";
|
||||
const app = createApp(App);
|
||||
|
||||
|
|
|
@ -14,8 +14,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import {createApp} from "vue";
|
||||
basic: `import {createApp} from "vue";
|
||||
import PrimeVue from "primevue/config";
|
||||
const app = createApp(App);
|
||||
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import ConfirmDialog from 'primevue/confirmdialog';`
|
||||
basic: `import ConfirmDialog from 'primevue/confirmdialog';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import ConfirmPopup from 'primevue/confirmpopup';`
|
||||
basic: `import ConfirmPopup from 'primevue/confirmpopup';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import DataView from 'primevue/dataview';
|
||||
basic: `import DataView from 'primevue/dataview';
|
||||
import DataViewLayoutOptions from 'primevue/dataviewlayoutoptions' // optional`
|
||||
}
|
||||
};
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Dropdown from 'primevue/dropdown';`
|
||||
basic: `import Dropdown from 'primevue/dropdown';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import DynamicDialog from 'primevue/dynamicdialog';`
|
||||
basic: `import DynamicDialog from 'primevue/dynamicdialog';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import FileUpload from 'primevue/fileupload';`
|
||||
basic: `import FileUpload from 'primevue/fileupload';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Galleria from 'primevue/galleria';`
|
||||
basic: `import Galleria from 'primevue/galleria';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Image from 'primevue/image';`
|
||||
basic: `import Image from 'primevue/image';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import InlineMessage from 'primevue/message';`
|
||||
basic: `import InlineMessage from 'primevue/message';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import InputNumber from 'primevue/inputnumber';`
|
||||
basic: `import InputNumber from 'primevue/inputnumber';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import InputText from 'primevue/inputtext';`
|
||||
basic: `import InputText from 'primevue/inputtext';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -10,8 +10,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
// with npm
|
||||
basic: `// with npm
|
||||
npm install primevue primeicons
|
||||
|
||||
// with yarn
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<DocSectionText v-bind="$attrs">
|
||||
<p>Theme, core and icons are the necessary css files of the components, visit the <NuxtLink to="/theming#themes">Themes</NuxtLink> section for the complete list of available themes to choose from.</p>
|
||||
<p>Theme, core and icons are the necessary css files of the components, visit the <NuxtLink to="/theming/#themes">Themes</NuxtLink> section for the complete list of available themes to choose from.</p>
|
||||
</DocSectionText>
|
||||
<DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
|
||||
</template>
|
||||
|
@ -10,8 +10,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
//theme
|
||||
basic: `//theme
|
||||
import "primevue/resources/themes/lara-light-indigo/theme.css";
|
||||
|
||||
//core
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<div class="card flex justify-content-center">
|
||||
<Button label="Check" icon="pi pi-check" />
|
||||
</div>
|
||||
<DocSectionCode :code="code" />
|
||||
<DocSectionCode :code="code" importCode />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Listbox from 'primevue/listbox';`
|
||||
basic: `import Listbox from 'primevue/listbox';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -10,8 +10,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import PrimeVue from 'primevue/config';
|
||||
basic: `import PrimeVue from 'primevue/config';
|
||||
const app = createApp(App);
|
||||
|
||||
app.use(PrimeVue);`
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Menubar from 'primevue/menubar';`
|
||||
basic: `import Menubar from 'primevue/menubar';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Message from 'primevue/message';`
|
||||
basic: `import Message from 'primevue/message';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import MultiSelect from 'primevue/multiselect';`
|
||||
basic: `import MultiSelect from 'primevue/multiselect';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import OrderList from 'primevue/orderlist';`
|
||||
basic: `import OrderList from 'primevue/orderlist';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import OrganizationChart from 'primevue/organizationchart';`
|
||||
basic: `import OrganizationChart from 'primevue/organizationchart';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import OverlayPanel from 'primevue/overlaypanel';`
|
||||
basic: `import OverlayPanel from 'primevue/overlaypanel';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Paginator from 'primevue/paginator';`
|
||||
basic: `import Paginator from 'primevue/paginator';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import PickList from 'primevue/picklist';`
|
||||
basic: `import PickList from 'primevue/picklist';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -15,16 +15,14 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code1: {
|
||||
basic: `
|
||||
import { createApp } from 'vue';
|
||||
basic: `import { createApp } from 'vue';
|
||||
import PrimeVue from 'primevue/config';
|
||||
const app = createApp(App);
|
||||
|
||||
app.use(PrimeVue, { ripple: true });`
|
||||
},
|
||||
code2: {
|
||||
basic: `
|
||||
import Ripple from 'primevue/ripple';
|
||||
basic: `import Ripple from 'primevue/ripple';
|
||||
|
||||
app.directive('ripple', Ripple);`
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Sidebar from 'primevue/sidebar';`
|
||||
basic: `import Sidebar from 'primevue/sidebar';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import SplitButton from 'primevue/splitbutton';`
|
||||
basic: `import SplitButton from 'primevue/splitbutton';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -26,8 +26,7 @@ export default {
|
|||
<Button type="button" label="Button 1" class="mb-3 md:mb-0"></Button>
|
||||
<Button type="button" label="Button 2" class="p-button-secondary mb-3 md:mb-0"></Button>
|
||||
<Button type="button" label="Button 3" class="p-button-help"></Button>
|
||||
</div>
|
||||
`
|
||||
</div>`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -13,11 +13,9 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
html {
|
||||
basic: `html {
|
||||
font-size: 14px;
|
||||
}
|
||||
`
|
||||
}`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -22,27 +22,23 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code1: {
|
||||
basic: `
|
||||
<style scoped>
|
||||
basic: `<style scoped>
|
||||
.mypanel .p-panel-header {
|
||||
background-color: #07c4e8;
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
`
|
||||
</style>`
|
||||
},
|
||||
|
||||
code2: {
|
||||
basic: `
|
||||
<template>
|
||||
basic: `<template>
|
||||
<Panel header="Named ClassName" class="mypanel">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</Panel>
|
||||
</template>
|
||||
`
|
||||
</template>`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -10,8 +10,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
primevue/resources/themes/bootstrap4-light-blue/theme.css
|
||||
basic: `primevue/resources/themes/bootstrap4-light-blue/theme.css
|
||||
primevue/resources/themes/bootstrap4-light-purple/theme.css
|
||||
primevue/resources/themes/bootstrap4-dark-blue/theme.css
|
||||
primevue/resources/themes/bootstrap4-dark-purple/theme.css
|
||||
|
@ -50,8 +49,7 @@ primevue/resources/themes/vela-purple/theme.css
|
|||
primevue/resources/themes/arya-blue/theme.css
|
||||
primevue/resources/themes/arya-green/theme.css
|
||||
primevue/resources/themes/arya-orange/theme.css
|
||||
primevue/resources/themes/arya-purple/theme.css
|
||||
`
|
||||
primevue/resources/themes/arya-purple/theme.css`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Timeline from 'primevue/timeline';`
|
||||
basic: `import Timeline from 'primevue/timeline';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Toast from 'primevue/toast';`
|
||||
basic: `import Toast from 'primevue/toast';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Tooltip from 'primevue/tooltip';
|
||||
basic: `import Tooltip from 'primevue/tooltip';
|
||||
|
||||
app.directive('tooltip', Tooltip);`
|
||||
}
|
||||
|
|
|
@ -8,8 +8,7 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
code: {
|
||||
basic: `
|
||||
import Tree from 'primevue/tree';`
|
||||
basic: `import Tree from 'primevue/tree';`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue