From 09dd79e6ea77e14f544ba66c4462b7e4f79de608 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 11 Oct 2021 20:57:45 +0300
Subject: [PATCH] indent refactor

---
 src/views/accordion/AccordionDoc.vue                 | 3 +--
 src/views/autocomplete/AutoCompleteDoc.vue           | 3 +--
 src/views/avatar/AvatarDoc.vue                       | 3 +--
 src/views/badge/BadgeDoc.vue                         | 3 +--
 src/views/blockui/BlockUIDoc.vue                     | 3 +--
 src/views/breadcrumb/BreadcrumbDoc.vue               | 3 +--
 src/views/button/ButtonDoc.vue                       | 3 +--
 src/views/calendar/CalendarDoc.vue                   | 3 +--
 src/views/card/CardDoc.vue                           | 3 +--
 src/views/carousel/CarouselDoc.vue                   | 3 +--
 src/views/checkbox/CheckboxDoc.vue                   | 3 +--
 src/views/chip/ChipDoc.vue                           | 3 +--
 src/views/chips/ChipsDoc.vue                         | 3 +--
 src/views/colorpicker/ColorPickerDoc.vue             | 3 +--
 src/views/confirmdialog/ConfirmDialogDoc.vue         | 3 +--
 src/views/confirmpopup/ConfirmPopupDoc.vue           | 3 +--
 src/views/contextmenu/ContextMenuDoc.vue             | 3 +--
 src/views/datatable/DataTableBasicDoc.vue            | 3 +--
 src/views/datatable/DataTableColGroupDemo.vue        | 3 +--
 src/views/datatable/DataTableColResizeDemo.vue       | 3 +--
 src/views/datatable/DataTableColToggleDemo.vue       | 3 +--
 src/views/datatable/DataTableContextMenuDemo.vue     | 3 +--
 src/views/datatable/DataTableCrudDemo.vue            | 3 +--
 src/views/datatable/DataTableDoc.vue                 | 3 +--
 src/views/datatable/DataTableDynamicColumnsDemo.vue  | 4 +---
 src/views/datatable/DataTableEditDemo.vue            | 3 +--
 src/views/datatable/DataTableExportDemo.vue          | 3 +--
 src/views/datatable/DataTableFilterDemo.vue          | 4 +---
 src/views/datatable/DataTableFlexScrollDemo.vue      | 3 +--
 src/views/datatable/DataTableGridLinesDemo.vue       | 3 +--
 src/views/datatable/DataTableLazyDemo.vue            | 3 +--
 src/views/datatable/DataTablePaginatorDemo.vue       | 3 +--
 src/views/datatable/DataTableReorderDemo.vue         | 3 +--
 src/views/datatable/DataTableResponsiveDemo.vue      | 3 +--
 src/views/datatable/DataTableRowExpandDemo.vue       | 3 +--
 src/views/datatable/DataTableRowGroupDemo.vue        | 3 +--
 src/views/datatable/DataTableScrollDemo.vue          | 3 +--
 src/views/datatable/DataTableSelectionDemo.vue       | 3 +--
 src/views/datatable/DataTableSizeDemo.vue            | 3 +--
 src/views/datatable/DataTableSortDemo.vue            | 3 +--
 src/views/datatable/DataTableStateDemo.vue           | 3 +--
 src/views/datatable/DataTableStripedDemo.vue         | 3 +--
 src/views/datatable/DataTableStyleDemo.vue           | 3 +--
 src/views/datatable/DataTableTemplatingDemo.vue      | 3 +--
 src/views/dataview/DataViewDoc.vue                   | 3 +--
 src/views/deferredcontent/DeferredContentDoc.vue     | 3 +--
 src/views/dialog/DialogDoc.vue                       | 3 +--
 src/views/display/DisplayDoc.vue                     | 3 +--
 src/views/divider/DividerDoc.vue                     | 3 +--
 src/views/dropdown/DropdownDoc.vue                   | 3 +--
 src/views/editor/EditorDoc.vue                       | 3 +--
 src/views/elevation/ElevationDoc.vue                 | 3 +--
 src/views/fieldset/FieldsetDoc.vue                   | 3 +--
 src/views/fileupload/FileUploadDoc.vue               | 3 +--
 src/views/filterservice/FilterServiceDoc.vue         | 3 +--
 src/views/floatlabel/FloatLabelDemo.vue              | 3 +--
 src/views/formlayout/FormLayoutDoc.vue               | 3 +--
 src/views/fullcalendar/FullCalendarDoc.vue           | 3 +--
 src/views/grid/GridDoc.vue                           | 3 +--
 src/views/image/ImageDoc.vue                         | 3 +--
 src/views/inplace/InplaceDoc.vue                     | 3 +--
 src/views/inputgroup/InputGroupDoc.vue               | 3 +--
 src/views/inputmask/InputMaskDoc.vue                 | 3 +--
 src/views/inputnumber/InputNumberDoc.vue             | 3 +--
 src/views/inputswitch/InputSwitchDoc.vue             | 3 +--
 src/views/inputtext/InputTextDoc.vue                 | 3 +--
 src/views/invalid/InvalidDemo.vue                    | 3 +--
 src/views/knob/KnobDoc.vue                           | 3 +--
 src/views/listbox/ListboxDoc.vue                     | 3 +--
 src/views/megamenu/MegaMenuDoc.vue                   | 3 +--
 src/views/menu/MenuDoc.vue                           | 3 +--
 src/views/menubar/MenubarDoc.vue                     | 3 +--
 src/views/message/MessageDoc.vue                     | 3 +--
 src/views/multiselect/MultiSelectDoc.vue             | 3 +--
 src/views/orderlist/OrderListDoc.vue                 | 3 +--
 src/views/organizationchart/OrganizationChartDoc.vue | 3 +--
 src/views/overlaypanel/OverlayPanelDoc.vue           | 3 +--
 src/views/paginator/PaginatorDoc.vue                 | 3 +--
 src/views/panel/PanelDoc.vue                         | 3 +--
 src/views/panelmenu/PanelMenuDoc.vue                 | 3 +--
 src/views/password/PasswordDoc.vue                   | 3 +--
 src/views/picklist/PickListDoc.vue                   | 3 +--
 src/views/progressbar/ProgressBarDoc.vue             | 5 ++---
 src/views/progressspinner/ProgressSpinnerDoc.vue     | 3 +--
 src/views/radiobutton/RadioButtonDoc.vue             | 3 +--
 src/views/rating/RatingDoc.vue                       | 3 +--
 src/views/responsive/ResponsiveDemo.vue              | 3 +--
 src/views/ripple/RippleDoc.vue                       | 3 +--
 src/views/scrollpanel/ScrollPanelDoc.vue             | 3 +--
 src/views/scrolltop/ScrollTopDoc.vue                 | 3 +--
 src/views/selectbutton/SelectButtonDoc.vue           | 3 +--
 src/views/sidebar/SidebarDoc.vue                     | 3 +--
 src/views/skeleton/SkeletonDoc.vue                   | 3 +--
 src/views/slider/SliderDoc.vue                       | 3 +--
 src/views/spacing/SpacingDoc.vue                     | 3 +--
 src/views/speeddial/SpeedDialDoc.vue                 | 3 +--
 src/views/splitbutton/SplitButtonDoc.vue             | 3 +--
 src/views/splitter/SplitterDoc.vue                   | 3 +--
 src/views/steps/StepsDoc.vue                         | 3 +--
 src/views/styleclass/StyleClassDoc.vue               | 3 +--
 src/views/tabmenu/TabMenuDoc.vue                     | 3 +--
 src/views/tabview/TabViewDoc.vue                     | 3 +--
 src/views/tag/TagDoc.vue                             | 3 +--
 src/views/terminal/TerminalDoc.vue                   | 5 ++---
 src/views/text/TextDoc.vue                           | 3 +--
 src/views/textarea/TextareaDoc.vue                   | 5 ++---
 src/views/tieredmenu/TieredMenuDoc.vue               | 3 +--
 src/views/timeline/TimelineDoc.vue                   | 3 +--
 src/views/toast/ToastDoc.vue                         | 3 +--
 src/views/togglebutton/ToggleButtonDoc.vue           | 3 +--
 src/views/toolbar/ToolbarDoc.vue                     | 3 +--
 src/views/tooltip/TooltipDoc.vue                     | 3 +--
 src/views/tree/TreeDoc.vue                           | 3 +--
 src/views/tree/TreeFilterDemo.vue                    | 3 +--
 src/views/tree/TreeLazyDemo.vue                      | 3 +--
 src/views/tree/TreeScrollDemo.vue                    | 3 +--
 src/views/tree/TreeSelectionDemo.vue                 | 3 +--
 src/views/tree/TreeTemplatingDemo.vue                | 3 +--
 src/views/treeselect/TreeSelectDoc.vue               | 3 +--
 src/views/treetable/TreeTableColResizeDemo.vue       | 3 +--
 src/views/treetable/TreeTableColToggleDemo.vue       | 3 +--
 src/views/treetable/TreeTableDoc.vue                 | 3 +--
 src/views/treetable/TreeTableFilterDemo.vue          | 3 +--
 src/views/treetable/TreeTableLazyDemo.vue            | 3 +--
 src/views/treetable/TreeTablePaginatorDemo.vue       | 3 +--
 src/views/treetable/TreeTableResponsiveDemo.vue      | 3 +--
 src/views/treetable/TreeTableScrollDemo.vue          | 3 +--
 src/views/treetable/TreeTableSelectionDemo.vue       | 3 +--
 src/views/treetable/TreeTableSizeDemo.vue            | 3 +--
 src/views/treetable/TreeTableSortDemo.vue            | 3 +--
 src/views/treetable/TreeTableTemplatingDemo.vue      | 3 +--
 src/views/tristatecheckbox/TriStateCheckboxDoc.vue   | 3 +--
 src/views/virtualscroller/VirtualScrollerDoc.vue     | 3 +--
 133 files changed, 136 insertions(+), 271 deletions(-)

diff --git a/src/views/accordion/AccordionDoc.vue b/src/views/accordion/AccordionDoc.vue
index c68b8011e..5803f9379 100755
--- a/src/views/accordion/AccordionDoc.vue
+++ b/src/views/accordion/AccordionDoc.vue
@@ -591,8 +591,7 @@ export default {
 					tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/accordion/accordion.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/accordiontab/accordiontab.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <h5>Default</h5>
             <p-accordion :active-index="0">
                 <p-accordiontab header="Header I">
diff --git a/src/views/autocomplete/AutoCompleteDoc.vue b/src/views/autocomplete/AutoCompleteDoc.vue
index 0c54cdd1e..5c2349a3c 100755
--- a/src/views/autocomplete/AutoCompleteDoc.vue
+++ b/src/views/autocomplete/AutoCompleteDoc.vue
@@ -698,8 +698,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/autocomplete/autocomplete.min.js"><\\/script>
         <script src="./CountryService.js"><\\/script>`,
-                    content:`
-        <div id="app">
+                    content:`<div id="app">
             <h5>Basic</h5>
             <p-autocomplete v-model="selectedCountry1" :suggestions="filteredCountries" @complete="searchCountry($event)" field="name"></p-autocomplete>
 
diff --git a/src/views/avatar/AvatarDoc.vue b/src/views/avatar/AvatarDoc.vue
index c95237fbc..f34aba249 100644
--- a/src/views/avatar/AvatarDoc.vue
+++ b/src/views/avatar/AvatarDoc.vue
@@ -376,8 +376,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/avatar/avatar.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/avatargroup/avatargroup.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/badgedirective/badgedirective.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <div class="p-grid">
                 <div class="p-col-12 p-md-4">
                     <div class="card">
diff --git a/src/views/badge/BadgeDoc.vue b/src/views/badge/BadgeDoc.vue
index 5a70e6202..f60f59c4f 100644
--- a/src/views/badge/BadgeDoc.vue
+++ b/src/views/badge/BadgeDoc.vue
@@ -255,8 +255,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/badge/badge.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/badgedirective/badgedirective.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Numbers</h5>
             <p-badge value="2" class="p-mr-2"></p-badge>
             <p-badge value="8" severity="success" class="p-mr-2"></p-badge>
diff --git a/src/views/blockui/BlockUIDoc.vue b/src/views/blockui/BlockUIDoc.vue
index fe8e02de1..a75006197 100755
--- a/src/views/blockui/BlockUIDoc.vue
+++ b/src/views/blockui/BlockUIDoc.vue
@@ -273,8 +273,7 @@ button {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/blockui/blockui.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/panel/panel.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Document</h5>
             <p-blockui :blocked="blockedDocument" :full-screen="true"></p-blockui>
 
diff --git a/src/views/breadcrumb/BreadcrumbDoc.vue b/src/views/breadcrumb/BreadcrumbDoc.vue
index 4377db3c1..4bf828989 100755
--- a/src/views/breadcrumb/BreadcrumbDoc.vue
+++ b/src/views/breadcrumb/BreadcrumbDoc.vue
@@ -217,8 +217,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/breadcrumb/breadcrumb.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-breadcrumb :home="home" :model="items"></p-breadcrumb>
         </div>
 
diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue
index 1fa98b7c8..e17f4ffd9 100755
--- a/src/views/button/ButtonDoc.vue
+++ b/src/views/button/ButtonDoc.vue
@@ -632,8 +632,7 @@ export default({
                 },
                 'browser-source': {
                     tabName: 'Browser Source',
-                    content: `
-    <div id="app">
+                    content: `<div id="app">
         <div class="card">
             <h5>Basic</h5>
             <p-button label="Submit"></p-button>
diff --git a/src/views/calendar/CalendarDoc.vue b/src/views/calendar/CalendarDoc.vue
index 7b4541dae..d6f309fee 100755
--- a/src/views/calendar/CalendarDoc.vue
+++ b/src/views/calendar/CalendarDoc.vue
@@ -854,8 +854,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/calendar/calendar.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Popup</h5>
             <div class="p-fluid p-grid p-formgrid">
                 <div class="p-field p-col-12 p-md-4">
diff --git a/src/views/card/CardDoc.vue b/src/views/card/CardDoc.vue
index 1a32868fc..87092d995 100755
--- a/src/views/card/CardDoc.vue
+++ b/src/views/card/CardDoc.vue
@@ -208,8 +208,7 @@ p {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/card/card.min.js"><\\/script>`,
-                    content: `
-    <div id="app">
+                    content: `<div id="app">
         <p-card style="width: 25rem; margin-bottom: 2em">
             <template #title>
                 Simple Card
diff --git a/src/views/carousel/CarouselDoc.vue b/src/views/carousel/CarouselDoc.vue
index 54fa64bba..7aaddaea8 100755
--- a/src/views/carousel/CarouselDoc.vue
+++ b/src/views/carousel/CarouselDoc.vue
@@ -582,8 +582,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/carousel/carousel.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-carousel :value="products" :num-visible="3" :num-scroll="3" :responsive-options="responsiveOptions">
                     <template #header>
diff --git a/src/views/checkbox/CheckboxDoc.vue b/src/views/checkbox/CheckboxDoc.vue
index 1f12ae17f..a40089730 100755
--- a/src/views/checkbox/CheckboxDoc.vue
+++ b/src/views/checkbox/CheckboxDoc.vue
@@ -276,8 +276,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"><\\/script>`,
-                    content: `
-    <div id="app">
+                    content: `<div id="app">
         <h5>Basic</h5>
         <div class="p-field-checkbox">
             <p-checkbox id="binary" v-model="checked" :binary="true"></p-checkbox>
diff --git a/src/views/chip/ChipDoc.vue b/src/views/chip/ChipDoc.vue
index 94049d697..e6e5f1d36 100644
--- a/src/views/chip/ChipDoc.vue
+++ b/src/views/chip/ChipDoc.vue
@@ -245,8 +245,7 @@ export default {
 				'browser-source': {
 					tabName: 'Browser Source',
 					imports: `<script src="https://unpkg.com/primevue@^3/chip/chip.min.js"><\\/script>`,
-					content: `
-	<div id="app">
+					content: `<div id="app">
 		<h5>Basic</h5>
         <div class="p-d-flex p-ai-center p-flex-column p-flex-sm-row">
             <p-chip label="Action" class="p-mr-2 p-mb-2"></p-chip>
diff --git a/src/views/chips/ChipsDoc.vue b/src/views/chips/ChipsDoc.vue
index de849969f..53a0bb2c2 100755
--- a/src/views/chips/ChipsDoc.vue
+++ b/src/views/chips/ChipsDoc.vue
@@ -259,8 +259,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/chips/chips.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="p-fluid">
                 <div class="card">
                     <h5>Basic</h5>
diff --git a/src/views/colorpicker/ColorPickerDoc.vue b/src/views/colorpicker/ColorPickerDoc.vue
index a5b310b91..e8cf521b4 100755
--- a/src/views/colorpicker/ColorPickerDoc.vue
+++ b/src/views/colorpicker/ColorPickerDoc.vue
@@ -235,8 +235,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/colorpicker/colorpicker.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Inline</h5>
             <p-colorpicker v-model="color1" :inline="true"></p-colorpicker>
 
diff --git a/src/views/confirmdialog/ConfirmDialogDoc.vue b/src/views/confirmdialog/ConfirmDialogDoc.vue
index 28b7d66ad..b9b74b4b3 100644
--- a/src/views/confirmdialog/ConfirmDialogDoc.vue
+++ b/src/views/confirmdialog/ConfirmDialogDoc.vue
@@ -434,8 +434,7 @@ export default defineComponent({
         <script src="https://unpkg.com/primevue@^3/confirmationservice/confirmationservice.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
             <p-confirmdialog></p-confirmdialog>
             <p-confirmdialog group="positionDialog"></p-confirmdialog>
diff --git a/src/views/confirmpopup/ConfirmPopupDoc.vue b/src/views/confirmpopup/ConfirmPopupDoc.vue
index 2448f2b0c..ba15d1eb9 100644
--- a/src/views/confirmpopup/ConfirmPopupDoc.vue
+++ b/src/views/confirmpopup/ConfirmPopupDoc.vue
@@ -362,8 +362,7 @@ export default defineComponent({
         <script src="https://unpkg.com/primevue@^3/confirmationservice/confirmationservice.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-confirmpopup></p-confirmpopup>
             <p-toast></p-toast>
 
diff --git a/src/views/contextmenu/ContextMenuDoc.vue b/src/views/contextmenu/ContextMenuDoc.vue
index 7f30a0096..25ab24afe 100755
--- a/src/views/contextmenu/ContextMenuDoc.vue
+++ b/src/views/contextmenu/ContextMenuDoc.vue
@@ -672,8 +672,7 @@ export default {
 					tabName: 'Browser Source',
 					imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
 			<script src="https://unpkg.com/primevue@^3/contextmenu/contextmenu.min.js"><\\/script>`,
-					content: `
-		<div id="app">
+					content: `<div id="app">
 			<img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" @contextmenu="onImageRightClick" aria-haspopup="true">
 			<p-contextmenu ref="menu" :model="items"></p-contextmenu>
 		</div>
diff --git a/src/views/datatable/DataTableBasicDoc.vue b/src/views/datatable/DataTableBasicDoc.vue
index ec84bc51d..a1b86a62a 100644
--- a/src/views/datatable/DataTableBasicDoc.vue
+++ b/src/views/datatable/DataTableBasicDoc.vue
@@ -79,8 +79,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-datatable :value="products" responsive-layout="scroll">
                     <p-column field="code" header="Code"></p-column>
diff --git a/src/views/datatable/DataTableColGroupDemo.vue b/src/views/datatable/DataTableColGroupDemo.vue
index 489470ef1..13e6c02af 100755
--- a/src/views/datatable/DataTableColGroupDemo.vue
+++ b/src/views/datatable/DataTableColGroupDemo.vue
@@ -273,8 +273,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/columngroup/columngroup.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/row/row.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="sales" responsive-layout="scroll">
                 <p-columngroup type="header">
                     <p-row>
diff --git a/src/views/datatable/DataTableColResizeDemo.vue b/src/views/datatable/DataTableColResizeDemo.vue
index 259a8c5f4..e8ce2f6d1 100755
--- a/src/views/datatable/DataTableColResizeDemo.vue
+++ b/src/views/datatable/DataTableColResizeDemo.vue
@@ -141,8 +141,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Fit Mode</h5>
                 <p-datatable :value="products" :resizable-columns="true" column-resize-mode="fit" show-gridlines responsive-layout="scroll">
diff --git a/src/views/datatable/DataTableColToggleDemo.vue b/src/views/datatable/DataTableColToggleDemo.vue
index 545036e2c..9e3853fd8 100755
--- a/src/views/datatable/DataTableColToggleDemo.vue
+++ b/src/views/datatable/DataTableColToggleDemo.vue
@@ -141,8 +141,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="products" responsive-layout="scroll">
                 <template #header>
                     <div style="text-align:left">
diff --git a/src/views/datatable/DataTableContextMenuDemo.vue b/src/views/datatable/DataTableContextMenuDemo.vue
index 0a4190882..6522cbcb3 100755
--- a/src/views/datatable/DataTableContextMenuDemo.vue
+++ b/src/views/datatable/DataTableContextMenuDemo.vue
@@ -174,8 +174,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <p-datatable :value="products" context-menu v-model:context-menu-selection="selectedProduct" @row-contextmenu="onRowContextMenu" responsive-layout="scroll">
diff --git a/src/views/datatable/DataTableCrudDemo.vue b/src/views/datatable/DataTableCrudDemo.vue
index ac214d21c..9a67ca4c7 100755
--- a/src/views/datatable/DataTableCrudDemo.vue
+++ b/src/views/datatable/DataTableCrudDemo.vue
@@ -827,8 +827,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-toast></p-toast>
 
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
index 08e80e355..40ee86aa4 100755
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -3059,8 +3059,7 @@ img {
         <script src="https://unpkg.com/primevue@^3/slider/slider.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/progressbar/progressbar.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
                 data-key="id" :row-hover="true" v-model:selection="selectedCustomers" v-model:filters="filters" filter-display="menu" :loading="loading"
                 paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rows-per-page-options="[10,25,50]"
diff --git a/src/views/datatable/DataTableDynamicColumnsDemo.vue b/src/views/datatable/DataTableDynamicColumnsDemo.vue
index 723a2d14a..a8ced1cf5 100755
--- a/src/views/datatable/DataTableDynamicColumnsDemo.vue
+++ b/src/views/datatable/DataTableDynamicColumnsDemo.vue
@@ -110,9 +110,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-                    
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="products" responsive-layout="scroll">
                 <p-column v-for="col of columns" :field="col.field" :header="col.header" :key="col.field"></p-column>
             </p-datatable>
diff --git a/src/views/datatable/DataTableEditDemo.vue b/src/views/datatable/DataTableEditDemo.vue
index 032128c20..6019604e8 100755
--- a/src/views/datatable/DataTableEditDemo.vue
+++ b/src/views/datatable/DataTableEditDemo.vue
@@ -375,8 +375,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/dropdown/dropdown.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app" class="p-fluid card">
+                    content: `<div id="app" class="p-fluid card">
             <div class="card">
                 <h5>Cell Editing</h5>
                 <p>Validations, dynamic columns and reverting values with the escape key.</p>
diff --git a/src/views/datatable/DataTableExportDemo.vue b/src/views/datatable/DataTableExportDemo.vue
index aecb5faa6..8c178983b 100755
--- a/src/views/datatable/DataTableExportDemo.vue
+++ b/src/views/datatable/DataTableExportDemo.vue
@@ -127,8 +127,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="products" ref="dt" responsive-layout="scroll">
                 <template #header>
                     <div style="text-align: left">
diff --git a/src/views/datatable/DataTableFilterDemo.vue b/src/views/datatable/DataTableFilterDemo.vue
index 34c23b9cf..a9798bdc1 100755
--- a/src/views/datatable/DataTableFilterDemo.vue
+++ b/src/views/datatable/DataTableFilterDemo.vue
@@ -950,9 +950,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/slider/slider.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Filter Menu</h5>
                 <p>Filters are displayed in an overlay.</p>
diff --git a/src/views/datatable/DataTableFlexScrollDemo.vue b/src/views/datatable/DataTableFlexScrollDemo.vue
index 4e397809f..fc523d283 100644
--- a/src/views/datatable/DataTableFlexScrollDemo.vue
+++ b/src/views/datatable/DataTableFlexScrollDemo.vue
@@ -101,8 +101,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card" style="height: calc(100vh - 143px)">
                 <p-datatable :value="customers" :scrollable="true" scroll-height="flex">
                     <p-column field="name" header="Name"></p-column>
diff --git a/src/views/datatable/DataTableGridLinesDemo.vue b/src/views/datatable/DataTableGridLinesDemo.vue
index 375769c59..a2685ab60 100644
--- a/src/views/datatable/DataTableGridLinesDemo.vue
+++ b/src/views/datatable/DataTableGridLinesDemo.vue
@@ -121,8 +121,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="products" show-gridlines responsive-layout="scroll">
                 <template #header>
                     Header
diff --git a/src/views/datatable/DataTableLazyDemo.vue b/src/views/datatable/DataTableLazyDemo.vue
index 0a17f0449..c01f9d8e8 100755
--- a/src/views/datatable/DataTableLazyDemo.vue
+++ b/src/views/datatable/DataTableLazyDemo.vue
@@ -281,8 +281,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="customers" :lazy="true" :paginator="true" :rows="10" v-model:filters="filters" ref="dt"
                 :total-records="totalRecords" :loading="loading" @page="onPage($event)" @sort="onSort($event)" @filter="onFilter($event)" filter-display="row"
                 :global-filter-fields="['name','country.name', 'company', 'representative.name']" responsive-layout="scroll">
diff --git a/src/views/datatable/DataTablePaginatorDemo.vue b/src/views/datatable/DataTablePaginatorDemo.vue
index c6478ac90..0c99da0f6 100755
--- a/src/views/datatable/DataTablePaginatorDemo.vue
+++ b/src/views/datatable/DataTablePaginatorDemo.vue
@@ -131,8 +131,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="customers" :paginator="true" :rows="10"
                 paginator-template="CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"
                 :rows-per-page-options="[10,20,50]" responsive-layout="scroll"
diff --git a/src/views/datatable/DataTableReorderDemo.vue b/src/views/datatable/DataTableReorderDemo.vue
index 903fa4f2b..d27958f19 100755
--- a/src/views/datatable/DataTableReorderDemo.vue
+++ b/src/views/datatable/DataTableReorderDemo.vue
@@ -137,8 +137,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
             <p-datatable :value="products" :reorderable-columns="true" @column-reorder="onColReorder" @row-reorder="onRowReorder" responsive-layout="scroll">
                 <p-column :row-reorder="true" header-style="width: 3rem" :reorderable-column="false"></p-column>
diff --git a/src/views/datatable/DataTableResponsiveDemo.vue b/src/views/datatable/DataTableResponsiveDemo.vue
index 5061ef182..8945bef5b 100755
--- a/src/views/datatable/DataTableResponsiveDemo.vue
+++ b/src/views/datatable/DataTableResponsiveDemo.vue
@@ -215,8 +215,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-datatable :value="products" responsive-layout="scroll">
                     <template #header>
diff --git a/src/views/datatable/DataTableRowExpandDemo.vue b/src/views/datatable/DataTableRowExpandDemo.vue
index 8876e137a..4bf8575fe 100755
--- a/src/views/datatable/DataTableRowExpandDemo.vue
+++ b/src/views/datatable/DataTableRowExpandDemo.vue
@@ -328,8 +328,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
             
             <p-datatable :value="products" v-model:expanded-rows="expandedRows" dataKey="id"
diff --git a/src/views/datatable/DataTableRowGroupDemo.vue b/src/views/datatable/DataTableRowGroupDemo.vue
index b1dcb3b47..33f3ff937 100755
--- a/src/views/datatable/DataTableRowGroupDemo.vue
+++ b/src/views/datatable/DataTableRowGroupDemo.vue
@@ -459,8 +459,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <div class="card">
diff --git a/src/views/datatable/DataTableScrollDemo.vue b/src/views/datatable/DataTableScrollDemo.vue
index b3c87ece5..857fd3daf 100755
--- a/src/views/datatable/DataTableScrollDemo.vue
+++ b/src/views/datatable/DataTableScrollDemo.vue
@@ -597,8 +597,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/dialog/dialog.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/togglebutton/togglebutton.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Vertical</h5>
                 <p-datatable :value="customers1" :scrollable="true" scroll-height="400px" :loading="loading">
diff --git a/src/views/datatable/DataTableSelectionDemo.vue b/src/views/datatable/DataTableSelectionDemo.vue
index 1a60757ef..9097027e4 100755
--- a/src/views/datatable/DataTableSelectionDemo.vue
+++ b/src/views/datatable/DataTableSelectionDemo.vue
@@ -329,8 +329,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/usetoast/usetoast.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <div class="card">
diff --git a/src/views/datatable/DataTableSizeDemo.vue b/src/views/datatable/DataTableSizeDemo.vue
index a55d20b7a..2d6191294 100644
--- a/src/views/datatable/DataTableSizeDemo.vue
+++ b/src/views/datatable/DataTableSizeDemo.vue
@@ -189,8 +189,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-datatable :value="products" class="p-datatable-sm" responsive-layout="scroll">
                     <template #header>
diff --git a/src/views/datatable/DataTableSortDemo.vue b/src/views/datatable/DataTableSortDemo.vue
index 2124fca35..06a3548cc 100755
--- a/src/views/datatable/DataTableSortDemo.vue
+++ b/src/views/datatable/DataTableSortDemo.vue
@@ -271,8 +271,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Single Column</h5>
                 <p-datatable :value="products" responsive-layout="scroll">
diff --git a/src/views/datatable/DataTableStateDemo.vue b/src/views/datatable/DataTableStateDemo.vue
index 66743f7ec..704cd8616 100755
--- a/src/views/datatable/DataTableStateDemo.vue
+++ b/src/views/datatable/DataTableStateDemo.vue
@@ -513,8 +513,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"><\\/script>
         <script src="./CustomerService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Session Storage</h5>
                 <p-datatable :value="customers" :paginator="true" :rows="10" v-model:filters="filters1"
diff --git a/src/views/datatable/DataTableStripedDemo.vue b/src/views/datatable/DataTableStripedDemo.vue
index 6bb0a27db..be5ea4d76 100644
--- a/src/views/datatable/DataTableStripedDemo.vue
+++ b/src/views/datatable/DataTableStripedDemo.vue
@@ -104,8 +104,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="products" striped-rows responsive-layout="scroll">
                 <p-column field="code" header="Code"></p-column>
                 <p-column field="name" header="Name"></p-column>
diff --git a/src/views/datatable/DataTableStyleDemo.vue b/src/views/datatable/DataTableStyleDemo.vue
index 995c53b19..571367423 100755
--- a/src/views/datatable/DataTableStyleDemo.vue
+++ b/src/views/datatable/DataTableStyleDemo.vue
@@ -192,8 +192,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-	    <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="products" :row-class="rowClass" responsive-layout="scroll">
                 <p-column field="code" header="Code"></p-column>
                 <p-column field="name" header="Name"></p-column>
diff --git a/src/views/datatable/DataTableTemplatingDemo.vue b/src/views/datatable/DataTableTemplatingDemo.vue
index 991ad31dc..b3465f0e6 100755
--- a/src/views/datatable/DataTableTemplatingDemo.vue
+++ b/src/views/datatable/DataTableTemplatingDemo.vue
@@ -218,8 +218,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-datatable :value="products" responsive-layout="scroll">
                 <template #header>
                     <div class="table-header">
diff --git a/src/views/dataview/DataViewDoc.vue b/src/views/dataview/DataViewDoc.vue
index b3bea7003..b8b28c9ba 100755
--- a/src/views/dataview/DataViewDoc.vue
+++ b/src/views/dataview/DataViewDoc.vue
@@ -928,8 +928,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/dropdown/dropdown.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-dataview :value="products" :layout="layout" :paginator="true" :rows="9" :sort-order="sortOrder" :sort-field="sortField">
                     <template #header>
diff --git a/src/views/deferredcontent/DeferredContentDoc.vue b/src/views/deferredcontent/DeferredContentDoc.vue
index ac2a57b3e..26be04f06 100755
--- a/src/views/deferredcontent/DeferredContentDoc.vue
+++ b/src/views/deferredcontent/DeferredContentDoc.vue
@@ -187,8 +187,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
             
             <div style="height: 800px">
diff --git a/src/views/dialog/DialogDoc.vue b/src/views/dialog/DialogDoc.vue
index 12220d73b..a02d55eed 100755
--- a/src/views/dialog/DialogDoc.vue
+++ b/src/views/dialog/DialogDoc.vue
@@ -754,8 +754,7 @@ p {
                 },
                 'browser-source': {
                     tabName: 'Browser Source',
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-button label="Show" icon="pi pi-external-link" @click="openBasic"></p-button>
             <p-dialog header="Header" v-model:visible="displayBasic" :style="{width: '50vw'}">
diff --git a/src/views/display/DisplayDoc.vue b/src/views/display/DisplayDoc.vue
index 6dce69c6c..c53926040 100644
--- a/src/views/display/DisplayDoc.vue
+++ b/src/views/display/DisplayDoc.vue
@@ -123,8 +123,7 @@ export default {
                 },
                 'browser-source': {
                     tabName: 'Browser Source',
-                    content: `
-    <div id="app">
+                    content: `<div id="app">
             <h5>Inline</h5>
             <p-inputtext class="p-mr-2 p-d-inline"></p-inputtext>
             <p-inputtext class="p-d-inline"></p-inputtext>
diff --git a/src/views/divider/DividerDoc.vue b/src/views/divider/DividerDoc.vue
index f9e898f09..bc20e831a 100644
--- a/src/views/divider/DividerDoc.vue
+++ b/src/views/divider/DividerDoc.vue
@@ -478,8 +478,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/divider/divider.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Basic</h5>
                 <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
diff --git a/src/views/dropdown/DropdownDoc.vue b/src/views/dropdown/DropdownDoc.vue
index f40b512fc..6b261924a 100755
--- a/src/views/dropdown/DropdownDoc.vue
+++ b/src/views/dropdown/DropdownDoc.vue
@@ -834,8 +834,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/skeleton/skeleton.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-dropdown v-model="selectedCity1" :options="cities" option-label="name" option-value="code" placeholder="Select a City"></p-dropdown>
 
diff --git a/src/views/editor/EditorDoc.vue b/src/views/editor/EditorDoc.vue
index feaabfb9a..be2933bfe 100755
--- a/src/views/editor/EditorDoc.vue
+++ b/src/views/editor/EditorDoc.vue
@@ -239,8 +239,7 @@ export default {
                     
         <script src="https://unpkg.com/primevue@^3/editor/editor.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Default</h5>
             <p-editor v-model="value1" editor-style="height: 320px"></p-editor>
 
diff --git a/src/views/elevation/ElevationDoc.vue b/src/views/elevation/ElevationDoc.vue
index fde38e7ee..997852b21 100644
--- a/src/views/elevation/ElevationDoc.vue
+++ b/src/views/elevation/ElevationDoc.vue
@@ -97,8 +97,7 @@ export default {
                 },
                 'browser-source': {
                     tabName: 'Browser Source',
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="p-grid">
                 <div class="p-col" v-for="index in 24" :key="index">
                     <div :class="['shadow-box', 'p-shadow-' + index]">
diff --git a/src/views/fieldset/FieldsetDoc.vue b/src/views/fieldset/FieldsetDoc.vue
index 669808e24..6ad5ea779 100755
--- a/src/views/fieldset/FieldsetDoc.vue
+++ b/src/views/fieldset/FieldsetDoc.vue
@@ -249,8 +249,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/fieldset/fieldset.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Regular</h5>
             <p-fieldset legend="Header">
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
diff --git a/src/views/fileupload/FileUploadDoc.vue b/src/views/fileupload/FileUploadDoc.vue
index 2f1d08dca..6d1f8f84a 100755
--- a/src/views/fileupload/FileUploadDoc.vue
+++ b/src/views/fileupload/FileUploadDoc.vue
@@ -432,8 +432,7 @@ export default {
 					imports: `<script src="https://unpkg.com/primevue@^3/fileupload/fileupload.min.js"><\\/script>
 			<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
 			<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
-					content: `
-			<div id="app">
+					content: `<div id="app">
 				<p-toast></p-toast>
 
 				<h5>Advanced</h5>
diff --git a/src/views/filterservice/FilterServiceDoc.vue b/src/views/filterservice/FilterServiceDoc.vue
index ff43f0604..ffdf3cae4 100644
--- a/src/views/filterservice/FilterServiceDoc.vue
+++ b/src/views/filterservice/FilterServiceDoc.vue
@@ -370,8 +370,7 @@ export default {
 					imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
 			<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
 			<script src="./CustomerService.js"><\\/script>`,
-					content: `
-			<div id="app">
+					content: `<div id="app">
 				<div class="card">
 					<p-datatable :value="customers" :paginator="true" :rows="10" responsive-layout="scroll"
 						data-key="id" v-model:filters="filters" filter-display="row" :loading="loading">
diff --git a/src/views/floatlabel/FloatLabelDemo.vue b/src/views/floatlabel/FloatLabelDemo.vue
index 14cdf296a..7606b56dd 100644
--- a/src/views/floatlabel/FloatLabelDemo.vue
+++ b/src/views/floatlabel/FloatLabelDemo.vue
@@ -733,8 +733,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
         <script src="./CountryService.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <div class="p-fluid p-grid">
                     <div class="p-field p-col-12 p-md-4">
diff --git a/src/views/formlayout/FormLayoutDoc.vue b/src/views/formlayout/FormLayoutDoc.vue
index 9e98014e7..927f74448 100644
--- a/src/views/formlayout/FormLayoutDoc.vue
+++ b/src/views/formlayout/FormLayoutDoc.vue
@@ -658,8 +658,7 @@ textarea {
         <script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/dropdown/dropdown.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Vertical</h5>
                 <div class="p-fluid">
diff --git a/src/views/fullcalendar/FullCalendarDoc.vue b/src/views/fullcalendar/FullCalendarDoc.vue
index 8e7c09e25..cec620902 100755
--- a/src/views/fullcalendar/FullCalendarDoc.vue
+++ b/src/views/fullcalendar/FullCalendarDoc.vue
@@ -125,8 +125,7 @@ export default {
 
         <script src="https://unpkg.com/primevue@^3/fullcalendar/fullcalendar.min.js"><\\/script>
         <script src="./EventService.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <p-fullcalendar :events="events" :options="options"></p-fullcalendar>
         </div>
 
diff --git a/src/views/grid/GridDoc.vue b/src/views/grid/GridDoc.vue
index a206d3553..7befc7212 100755
--- a/src/views/grid/GridDoc.vue
+++ b/src/views/grid/GridDoc.vue
@@ -1238,8 +1238,7 @@ export default {
                 'browser-source': {
 					tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/panel/panel.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <div class="flexgrid-demo p-p-2">
                 <h5>Basic</h5>
                 <div class="p-grid">
diff --git a/src/views/image/ImageDoc.vue b/src/views/image/ImageDoc.vue
index a2cb5b657..b77713da6 100644
--- a/src/views/image/ImageDoc.vue
+++ b/src/views/image/ImageDoc.vue
@@ -204,8 +204,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/image/image.min.js"><\\/script>`,
-                    content:`
-        <div id="app">
+                    content:`<div id="app">
             <h5>Basic</h5>
             <p-image src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" alt="Image" width="250"></p-image>
 
diff --git a/src/views/inplace/InplaceDoc.vue b/src/views/inplace/InplaceDoc.vue
index af8f4dbf6..94c596825 100755
--- a/src/views/inplace/InplaceDoc.vue
+++ b/src/views/inplace/InplaceDoc.vue
@@ -323,8 +323,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Input</h5>
             <p-inplace :closable="true">
                 <template #display>
diff --git a/src/views/inputgroup/InputGroupDoc.vue b/src/views/inputgroup/InputGroupDoc.vue
index 9f1f2f2bd..4b163e721 100755
--- a/src/views/inputgroup/InputGroupDoc.vue
+++ b/src/views/inputgroup/InputGroupDoc.vue
@@ -257,8 +257,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Addons</h5>
             <div class="p-grid p-fluid">
                 <div class="p-col-12 p-md-4">
diff --git a/src/views/inputmask/InputMaskDoc.vue b/src/views/inputmask/InputMaskDoc.vue
index 3cc70d266..f5587cc3e 100755
--- a/src/views/inputmask/InputMaskDoc.vue
+++ b/src/views/inputmask/InputMaskDoc.vue
@@ -242,8 +242,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/inputmask/inputmask.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="p-fluid p-formgrid p-grid">
                 <div class="p-field p-col-12 p-md-4">
                     <label for="basic">Basic</label>
diff --git a/src/views/inputnumber/InputNumberDoc.vue b/src/views/inputnumber/InputNumberDoc.vue
index 7ff2f422d..bb4f8bbe1 100755
--- a/src/views/inputnumber/InputNumberDoc.vue
+++ b/src/views/inputnumber/InputNumberDoc.vue
@@ -677,8 +677,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@version/inputnumber/inputnumber.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Numerals</h5>
             <div class="p-fluid p-grid p-formgrid">
                 <div class="p-field p-col-12 p-md-3">
diff --git a/src/views/inputswitch/InputSwitchDoc.vue b/src/views/inputswitch/InputSwitchDoc.vue
index 93edb0928..275c1339f 100755
--- a/src/views/inputswitch/InputSwitchDoc.vue
+++ b/src/views/inputswitch/InputSwitchDoc.vue
@@ -207,8 +207,7 @@ export default {
 				'browser-source': {
 					tabName: 'Browser Source',
 					imports: `<script src="https://unpkg.com/primevue@^3/inputswitch/inputswitch.min.js"><\\/script>`,
-					content: `
-		<div id="app">
+					content: `<div id="app">
 			<h5>Basic</h5>
 			<p-inputswitch v-model="checked1"></p-inputswitch>
 
diff --git a/src/views/inputtext/InputTextDoc.vue b/src/views/inputtext/InputTextDoc.vue
index c34980133..fb7b1b712 100755
--- a/src/views/inputtext/InputTextDoc.vue
+++ b/src/views/inputtext/InputTextDoc.vue
@@ -321,8 +321,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@version/inputtext/inputtext.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Basic</h5>
                 <p-inputtext type="text" v-model="value1"></p-inputtext>
diff --git a/src/views/invalid/InvalidDemo.vue b/src/views/invalid/InvalidDemo.vue
index 15b73984e..a0d8d52d7 100644
--- a/src/views/invalid/InvalidDemo.vue
+++ b/src/views/invalid/InvalidDemo.vue
@@ -537,8 +537,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
         <script src="./CountryService.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="p-fluid p-grid">
                 <div class="p-field p-col-12 p-md-4">
                     <p-inputtext id="inputtext" type="text" v-model="value1" placeholder="InputText" class="p-invalid"></p-inputtext>
diff --git a/src/views/knob/KnobDoc.vue b/src/views/knob/KnobDoc.vue
index 410473172..9e9a5f72a 100644
--- a/src/views/knob/KnobDoc.vue
+++ b/src/views/knob/KnobDoc.vue
@@ -344,8 +344,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/knob/knob.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="p-grid p-formgrid p-text-center">
                 <div class="p-field p-col-12 p-md-4">
                     <h5>Basic</h5>
diff --git a/src/views/listbox/ListboxDoc.vue b/src/views/listbox/ListboxDoc.vue
index 4f4bddd3c..6f68fcbd6 100755
--- a/src/views/listbox/ListboxDoc.vue
+++ b/src/views/listbox/ListboxDoc.vue
@@ -567,8 +567,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/listbox/listbox.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Single</h5>
             <p-listbox v-model="selectedCity" :options="cities" option-label="name" style="width:15rem"></p-listbox>
 
diff --git a/src/views/megamenu/MegaMenuDoc.vue b/src/views/megamenu/MegaMenuDoc.vue
index b5556b803..5c91155a8 100755
--- a/src/views/megamenu/MegaMenuDoc.vue
+++ b/src/views/megamenu/MegaMenuDoc.vue
@@ -577,8 +577,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/megamenu/megamenu.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Horizontal</h5>
             <p-megamenu :model="items"></p-megamenu>
 
diff --git a/src/views/menu/MenuDoc.vue b/src/views/menu/MenuDoc.vue
index ddf1c2e69..4a69a5a6f 100755
--- a/src/views/menu/MenuDoc.vue
+++ b/src/views/menu/MenuDoc.vue
@@ -401,8 +401,7 @@ export default {
                     imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <h5>Inline</h5>
diff --git a/src/views/menubar/MenubarDoc.vue b/src/views/menubar/MenubarDoc.vue
index 923c382c4..86d3dc607 100755
--- a/src/views/menubar/MenubarDoc.vue
+++ b/src/views/menubar/MenubarDoc.vue
@@ -600,8 +600,7 @@ export default {
 					tabName: 'Browser Source',
 					imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
 		<script src="https://unpkg.com/primevue@^3/menubar/menubar.min.js"><\\/script>`,
-					content: `
-		<div id="app">
+					content: `<div id="app">
 			<p-menubar :model="items">
 				<template #start>
 					<img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" height="40" class="p-mr-2">
diff --git a/src/views/message/MessageDoc.vue b/src/views/message/MessageDoc.vue
index 16eba2562..3f5aa0b60 100755
--- a/src/views/message/MessageDoc.vue
+++ b/src/views/message/MessageDoc.vue
@@ -421,8 +421,7 @@ button.p-button {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/message/message.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/inlinemessage/inlinemessage.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Severities</h5>
             <p-message severity="success">Success Message Content</p-message>
             <p-message severity="info">Info Message Content</p-message>
diff --git a/src/views/multiselect/MultiSelectDoc.vue b/src/views/multiselect/MultiSelectDoc.vue
index fa9d777cc..ffe10db6c 100755
--- a/src/views/multiselect/MultiSelectDoc.vue
+++ b/src/views/multiselect/MultiSelectDoc.vue
@@ -840,8 +840,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-multiselect v-model="selectedCities1" :options="cities" option-label="name" placeholder="Select Cities"></p-multiselect>
 
diff --git a/src/views/orderlist/OrderListDoc.vue b/src/views/orderlist/OrderListDoc.vue
index 462dcb44d..b381d9498 100755
--- a/src/views/orderlist/OrderListDoc.vue
+++ b/src/views/orderlist/OrderListDoc.vue
@@ -427,8 +427,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/orderlist/orderlist.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-orderlist v-model="products" listStyle="height:auto" dataKey="id">
                     <template #header>
diff --git a/src/views/organizationchart/OrganizationChartDoc.vue b/src/views/organizationchart/OrganizationChartDoc.vue
index 7ae52b8b4..c9443d3d1 100755
--- a/src/views/organizationchart/OrganizationChartDoc.vue
+++ b/src/views/organizationchart/OrganizationChartDoc.vue
@@ -922,8 +922,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/organizationchart/organizationchart.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
                 <p-toast></p-toast>
 
                 <div class="card">
diff --git a/src/views/overlaypanel/OverlayPanelDoc.vue b/src/views/overlaypanel/OverlayPanelDoc.vue
index 351d9e821..0a40634fd 100755
--- a/src/views/overlaypanel/OverlayPanelDoc.vue
+++ b/src/views/overlaypanel/OverlayPanelDoc.vue
@@ -336,8 +336,7 @@ button {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <p-toast></p-toast>
 
             <p-button type="button" icon="pi pi-search" :label="selectedProduct ? selectedProduct.name : 'Select a Product'" @click="toggle" aria:haspopup="true" aria-controls="overlay_panel"></p-button>
diff --git a/src/views/paginator/PaginatorDoc.vue b/src/views/paginator/PaginatorDoc.vue
index 07d1e7f9c..e20e12631 100755
--- a/src/views/paginator/PaginatorDoc.vue
+++ b/src/views/paginator/PaginatorDoc.vue
@@ -384,8 +384,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/paginator/paginator.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-paginator :rows="10" :total-records="totalRecords" :rows-per-page-options="[10,20,30]"></p-paginator>
 
diff --git a/src/views/panel/PanelDoc.vue b/src/views/panel/PanelDoc.vue
index 41fc3cc96..72f2bd1be 100755
--- a/src/views/panel/PanelDoc.vue
+++ b/src/views/panel/PanelDoc.vue
@@ -395,8 +395,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/menu/menu.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <h5>Regular</h5>
diff --git a/src/views/panelmenu/PanelMenuDoc.vue b/src/views/panelmenu/PanelMenuDoc.vue
index a85d59bcf..47e01b10d 100755
--- a/src/views/panelmenu/PanelMenuDoc.vue
+++ b/src/views/panelmenu/PanelMenuDoc.vue
@@ -849,8 +849,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/panelmenu/panelmenu.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Default</h5>
             <p-panelmenu :model="items"></p-panelmenu>
 
diff --git a/src/views/password/PasswordDoc.vue b/src/views/password/PasswordDoc.vue
index 2bf09e908..ae6a009fd 100755
--- a/src/views/password/PasswordDoc.vue
+++ b/src/views/password/PasswordDoc.vue
@@ -356,8 +356,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/password/password.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/divider/divider.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-password v-model="value1" :feedback="false"></p-password>
 
diff --git a/src/views/picklist/PickListDoc.vue b/src/views/picklist/PickListDoc.vue
index aa4a87f2b..dcab871ed 100755
--- a/src/views/picklist/PickListDoc.vue
+++ b/src/views/picklist/PickListDoc.vue
@@ -485,8 +485,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/picklist/picklist.min.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-picklist v-model="products" list-style="height:342px" data-key="id">
                 <template #sourceHeader>
                     Available
diff --git a/src/views/progressbar/ProgressBarDoc.vue b/src/views/progressbar/ProgressBarDoc.vue
index 3a48a4445..9549bc869 100755
--- a/src/views/progressbar/ProgressBarDoc.vue
+++ b/src/views/progressbar/ProgressBarDoc.vue
@@ -221,13 +221,12 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/progressbar/progressbar.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <h5>Dynamic</h5>
             <p-progressbar :value="value1"></p-progressbar>
 
             <h5>Static</h5>
-            <p-progressbar :value="value2" :showValue="false"></p-progressbar>
+            <p-progressbar :value="value2" :show-value="false"></p-progressbar>
 
             <h5>Indeterminate</h5>
             <p-progressbar mode="indeterminate" style="height: .5em"></p-progressbar>
diff --git a/src/views/progressspinner/ProgressSpinnerDoc.vue b/src/views/progressspinner/ProgressSpinnerDoc.vue
index 9d9e3a7db..cfeb2c4bb 100755
--- a/src/views/progressspinner/ProgressSpinnerDoc.vue
+++ b/src/views/progressspinner/ProgressSpinnerDoc.vue
@@ -147,8 +147,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/progressspinner/progressspinner.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-progressspinner></p-progressspinner>
 
diff --git a/src/views/radiobutton/RadioButtonDoc.vue b/src/views/radiobutton/RadioButtonDoc.vue
index 5c3e098f3..c47360756 100755
--- a/src/views/radiobutton/RadioButtonDoc.vue
+++ b/src/views/radiobutton/RadioButtonDoc.vue
@@ -249,8 +249,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <div class="p-field-radiobutton">
                 <p-radiobutton id="city1" name="city" value="Chicago" v-model="city"></p-radiobutton>
diff --git a/src/views/rating/RatingDoc.vue b/src/views/rating/RatingDoc.vue
index 21094153d..46cdbb569 100755
--- a/src/views/rating/RatingDoc.vue
+++ b/src/views/rating/RatingDoc.vue
@@ -203,8 +203,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic {{val1}}</h5>
             <p-rating v-model="val1"></p-rating>
 
diff --git a/src/views/responsive/ResponsiveDemo.vue b/src/views/responsive/ResponsiveDemo.vue
index bf6cf1645..3fdb71d4e 100644
--- a/src/views/responsive/ResponsiveDemo.vue
+++ b/src/views/responsive/ResponsiveDemo.vue
@@ -2563,8 +2563,7 @@ export default {
         <script src="./CustomerService.js"><\\/script>
         <script src="./CountryService.js"><\\/script>
         <script src="./ProductService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h1>Responsive Design</h1>
             <div class="p-grid">
                 <div class="p-col-12 p-md-6 p-fluid">
diff --git a/src/views/ripple/RippleDoc.vue b/src/views/ripple/RippleDoc.vue
index eedf89197..09b6115fe 100644
--- a/src/views/ripple/RippleDoc.vue
+++ b/src/views/ripple/RippleDoc.vue
@@ -225,8 +225,7 @@ export default {
                 },
                 'browser-source': {
                     tabName: 'Browser Source',
-                    content: `
-    <div id="app" class="p-d-flex">
+                    content: `<div id="app" class="p-d-flex">
         <div class="card primary-box p-ripple" v-ripple>Default</div>
         <div class="card styled-box-green p-ripple" v-ripple>Green</div>
         <div class="card styled-box-orange p-ripple" v-ripple>Orange</div>
diff --git a/src/views/scrollpanel/ScrollPanelDoc.vue b/src/views/scrollpanel/ScrollPanelDoc.vue
index f31c5cfd7..a4e0f497b 100644
--- a/src/views/scrollpanel/ScrollPanelDoc.vue
+++ b/src/views/scrollpanel/ScrollPanelDoc.vue
@@ -308,8 +308,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/scrollpanel/scrollpanel.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="p-grid">
                 <div class="p-col-12 p-md-4 p-p-5">
                     <p-scrollpanel style="width: 100%; height: 200px">
diff --git a/src/views/scrolltop/ScrollTopDoc.vue b/src/views/scrolltop/ScrollTopDoc.vue
index c355dfe4c..f1790fbd7 100644
--- a/src/views/scrolltop/ScrollTopDoc.vue
+++ b/src/views/scrolltop/ScrollTopDoc.vue
@@ -205,8 +205,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/scrolltop/scrolltop.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/scrollpanel/scrollpanel.min.js"><\\/script>`,
-					content: `
-    <div id="app">
+					content: `<div id="app">
         <h5>Element</h5>
         <p-scrollpanel style="width: 250px; height: 200px">
             <p>
diff --git a/src/views/selectbutton/SelectButtonDoc.vue b/src/views/selectbutton/SelectButtonDoc.vue
index baa6b1f8f..b8568da47 100755
--- a/src/views/selectbutton/SelectButtonDoc.vue
+++ b/src/views/selectbutton/SelectButtonDoc.vue
@@ -269,8 +269,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/selectbutton/selectbutton.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Single Selection</h5>
             <p-selectbutton v-model="value1" :options="options"></p-selectbutton>
 
diff --git a/src/views/sidebar/SidebarDoc.vue b/src/views/sidebar/SidebarDoc.vue
index 8b6af94fd..5e17582ec 100755
--- a/src/views/sidebar/SidebarDoc.vue
+++ b/src/views/sidebar/SidebarDoc.vue
@@ -308,8 +308,7 @@ export default {
 				'browser-source': {
 					tabName: 'Browser Source',
 					imports: `<script src="https://unpkg.com/primevue@^3/sidebar/sidebar.min.js"><\\/script>`,
-					content: `
-		<div id="app">
+					content: `<div id="app">
 			<p-button icon="pi pi-arrow-right" @click="visibleLeft = true" class="p-mr-2"></p-button>
 			<p-button icon="pi pi-arrow-left" @click="visibleRight = true" class="p-mr-2"></p-button>
 			<p-button icon="pi pi-arrow-down" @click="visibleTop = true" class="p-mr-2"></p-button>
diff --git a/src/views/skeleton/SkeletonDoc.vue b/src/views/skeleton/SkeletonDoc.vue
index 33b6cd909..d02a0c2ae 100644
--- a/src/views/skeleton/SkeletonDoc.vue
+++ b/src/views/skeleton/SkeletonDoc.vue
@@ -455,8 +455,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/skeleton/skeleton.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <div class="card">
                 <div class="p-grid p-formgrid">
                     <div class="p-field p-col-12 p-md-6">
diff --git a/src/views/slider/SliderDoc.vue b/src/views/slider/SliderDoc.vue
index 164f790ee..c6a52e137 100755
--- a/src/views/slider/SliderDoc.vue
+++ b/src/views/slider/SliderDoc.vue
@@ -290,8 +290,7 @@ export default {
                 'browser-source': {
                     imports: `<script src="https://unpkg.com/primevue@^3/slider/slider.min.js"><\\/script>`,
                     tabName: 'Browser Source',
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic: {{value1}}</h5>
             <p-slider v-model="value1"></p-slider>
 
diff --git a/src/views/spacing/SpacingDoc.vue b/src/views/spacing/SpacingDoc.vue
index e7ff43f2e..68cdd3aa9 100644
--- a/src/views/spacing/SpacingDoc.vue
+++ b/src/views/spacing/SpacingDoc.vue
@@ -235,8 +235,7 @@ export default {
 				},
                 'browser-source': {
 					tabName: 'Browser Source',
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <div class="card">
                 <h5>Margin</h5>
                 <h6>Without Spacing</h6>
diff --git a/src/views/speeddial/SpeedDialDoc.vue b/src/views/speeddial/SpeedDialDoc.vue
index 800d4ecae..b0b06a113 100644
--- a/src/views/speeddial/SpeedDialDoc.vue
+++ b/src/views/speeddial/SpeedDialDoc.vue
@@ -711,8 +711,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
             <div class="card">
                 <h5>Linear</h5>
diff --git a/src/views/splitbutton/SplitButtonDoc.vue b/src/views/splitbutton/SplitButtonDoc.vue
index 7ce544ee8..ce2afcff2 100755
--- a/src/views/splitbutton/SplitButtonDoc.vue
+++ b/src/views/splitbutton/SplitButtonDoc.vue
@@ -609,8 +609,7 @@ export default {
                imports: `<script src="https://unpkg.com/primevue@^3/splitbutton/splitbutton.min.js"><\\/script>
          <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
          <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
-					content:`
-      <div id="app">
+					content:`<div id="app">
          <p-toast></p-toast>
 
          <h5>Basic</h5>
diff --git a/src/views/splitter/SplitterDoc.vue b/src/views/splitter/SplitterDoc.vue
index ce1e83c2d..306980ce3 100644
--- a/src/views/splitter/SplitterDoc.vue
+++ b/src/views/splitter/SplitterDoc.vue
@@ -390,8 +390,7 @@ export default {
 					tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/splitter/splitter.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/splitterpanel/splitterpanel.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <div class="card">
                 <h5>Horizontal</h5>
                 <p-splitter style="height: 300px" class="p-mb-5">
diff --git a/src/views/steps/StepsDoc.vue b/src/views/steps/StepsDoc.vue
index 73bd00679..a5547d362 100755
--- a/src/views/steps/StepsDoc.vue
+++ b/src/views/steps/StepsDoc.vue
@@ -333,8 +333,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/inputnumber/inputnumber.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/inputmask/inputmask.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <div class="card">
diff --git a/src/views/styleclass/StyleClassDoc.vue b/src/views/styleclass/StyleClassDoc.vue
index 30ab8b973..70ccd5d9a 100644
--- a/src/views/styleclass/StyleClassDoc.vue
+++ b/src/views/styleclass/StyleClassDoc.vue
@@ -251,8 +251,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/styleclass/styleclass.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Toggle Class</h5>
             <p-button label="Toggle p-disabled" v-styleclass="{ selector: '@next', toggleClass: 'p-disabled' }"></p-button>
             <p-inputtext class="p-d-block p-mt-3"></p-inputtext>
diff --git a/src/views/tabmenu/TabMenuDoc.vue b/src/views/tabmenu/TabMenuDoc.vue
index c3f07d324..750dfa6b3 100755
--- a/src/views/tabmenu/TabMenuDoc.vue
+++ b/src/views/tabmenu/TabMenuDoc.vue
@@ -390,8 +390,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/tabmenu/tabmenu.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Default</h5>
                 <p-tabmenu :model="items"></p-tabmenu>
diff --git a/src/views/tabview/TabViewDoc.vue b/src/views/tabview/TabViewDoc.vue
index 0882f4c34..1bd1faeee 100755
--- a/src/views/tabview/TabViewDoc.vue
+++ b/src/views/tabview/TabViewDoc.vue
@@ -653,8 +653,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/tabview/tabview.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/tabpanel/tabpanel.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Default</h5>
                 <p-tabview ref="tabview1">
diff --git a/src/views/tag/TagDoc.vue b/src/views/tag/TagDoc.vue
index 441ca1ddd..227ed697e 100644
--- a/src/views/tag/TagDoc.vue
+++ b/src/views/tag/TagDoc.vue
@@ -192,8 +192,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/tag/tag.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <h5>Tags</h5>
             <p-tag class="p-mr-2" value="Primary"></p-tag>
             <p-tag class="p-mr-2" severity="success" value="Success"></p-tag>
diff --git a/src/views/terminal/TerminalDoc.vue b/src/views/terminal/TerminalDoc.vue
index 457a5e739..dec834e9d 100755
--- a/src/views/terminal/TerminalDoc.vue
+++ b/src/views/terminal/TerminalDoc.vue
@@ -282,10 +282,9 @@ p {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/terminal/terminal.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p>Enter "date" to display the current date, "greet {0}" for a message and "random" to get a random number.</p>
-            <p-terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" class="dark-demo-terminal"></p-terminal>
+            <p-terminal welcome-message="Welcome to PrimeVue" prompt="primevue $" class="dark-demo-terminal"></p-terminal>
         </div>
 
         <script type="module">
diff --git a/src/views/text/TextDoc.vue b/src/views/text/TextDoc.vue
index 78d04cc1a..f53365264 100644
--- a/src/views/text/TextDoc.vue
+++ b/src/views/text/TextDoc.vue
@@ -158,8 +158,7 @@ export default {
                 },
                 'browser-source': {
                     tabName: 'Browser Source',
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Alignment</h5>
             <div class="p-mb-3 p-text-left">Left</div>
             <div class="p-mb-3 p-text-center">Center</div>
diff --git a/src/views/textarea/TextareaDoc.vue b/src/views/textarea/TextareaDoc.vue
index 973c50950..0870c4a84 100755
--- a/src/views/textarea/TextareaDoc.vue
+++ b/src/views/textarea/TextareaDoc.vue
@@ -144,13 +144,12 @@ export default {
                 'browser-source': {
 					tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <h5>Basic</h5>
             <p-textarea v-model="value1" rows="5" cols="30"></p-textarea>
 
             <h5>Auto Resize</h5>
-            <p-textarea v-model="value2" :autoResize="true" rows="5" cols="30"></p-textarea>
+            <p-textarea v-model="value2" :auto-resize="true" rows="5" cols="30"></p-textarea>
 
             <h5>Disabled</h5>
             <p-textarea v-model="value3" disabled rows="5" cols="30"></p-textarea>
diff --git a/src/views/tieredmenu/TieredMenuDoc.vue b/src/views/tieredmenu/TieredMenuDoc.vue
index 06bf36dae..a85c8ffee 100755
--- a/src/views/tieredmenu/TieredMenuDoc.vue
+++ b/src/views/tieredmenu/TieredMenuDoc.vue
@@ -667,8 +667,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/tieredmenu/tieredmenu.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Inline</h5>
             <p-tieredmenu :model="items"></p-tieredmenu>
 
diff --git a/src/views/timeline/TimelineDoc.vue b/src/views/timeline/TimelineDoc.vue
index 86b74b1d0..23fe745a1 100644
--- a/src/views/timeline/TimelineDoc.vue
+++ b/src/views/timeline/TimelineDoc.vue
@@ -600,8 +600,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/timeline/timeline.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/card/card.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <div class="card">
                 <h5>Left Align</h5>
                 <p-timeline :value="events1">
diff --git a/src/views/toast/ToastDoc.vue b/src/views/toast/ToastDoc.vue
index 263bae7dc..23eb6eed3 100755
--- a/src/views/toast/ToastDoc.vue
+++ b/src/views/toast/ToastDoc.vue
@@ -604,8 +604,7 @@ button {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
             <p-toast position="top-left" group="tl"></p-toast>
             <p-toast position="bottom-left" group="bl"></p-toast>
diff --git a/src/views/togglebutton/ToggleButtonDoc.vue b/src/views/togglebutton/ToggleButtonDoc.vue
index a3fffdc38..2ffa3e5e4 100755
--- a/src/views/togglebutton/ToggleButtonDoc.vue
+++ b/src/views/togglebutton/ToggleButtonDoc.vue
@@ -197,8 +197,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/togglebutton/togglebutton.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-togglebutton v-model="checked1" on-icon="pi pi-check" off-icon="pi pi-times"></p-togglebutton>
 
diff --git a/src/views/toolbar/ToolbarDoc.vue b/src/views/toolbar/ToolbarDoc.vue
index 5c6915b3b..b1f74159b 100755
--- a/src/views/toolbar/ToolbarDoc.vue
+++ b/src/views/toolbar/ToolbarDoc.vue
@@ -213,8 +213,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/toolbar/toolbar.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/splitbutton/splitbutton.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toolbar>
                 <template #left>
                     <p-button label="New" icon="pi pi-plus" class="p-mr-2"></p-button>
diff --git a/src/views/tooltip/TooltipDoc.vue b/src/views/tooltip/TooltipDoc.vue
index ca07e1b10..dd748cafc 100755
--- a/src/views/tooltip/TooltipDoc.vue
+++ b/src/views/tooltip/TooltipDoc.vue
@@ -223,8 +223,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Positions</h5>
             <div class="p-grid p-fluid">
                 <div class="p-col-12 p-md-3">
diff --git a/src/views/tree/TreeDoc.vue b/src/views/tree/TreeDoc.vue
index 5f8183643..99676dc4c 100755
--- a/src/views/tree/TreeDoc.vue
+++ b/src/views/tree/TreeDoc.vue
@@ -893,8 +893,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Basic</h5>
             <p-tree :value="nodes"></p-tree>
 
diff --git a/src/views/tree/TreeFilterDemo.vue b/src/views/tree/TreeFilterDemo.vue
index 0a1c4e1cb..d03aad82a 100755
--- a/src/views/tree/TreeFilterDemo.vue
+++ b/src/views/tree/TreeFilterDemo.vue
@@ -139,8 +139,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Lenient Filter</h5>
             <p-tree :value="nodes" :filter="true" filter-mode="lenient"></p-tree>
 
diff --git a/src/views/tree/TreeLazyDemo.vue b/src/views/tree/TreeLazyDemo.vue
index 2b5b06fd7..3b8c060fa 100755
--- a/src/views/tree/TreeLazyDemo.vue
+++ b/src/views/tree/TreeLazyDemo.vue
@@ -182,8 +182,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-tree :value="nodes" @node-expand="onNodeExpand" :loading="loading"></p-tree>
         </div>                   
 
diff --git a/src/views/tree/TreeScrollDemo.vue b/src/views/tree/TreeScrollDemo.vue
index 2af2d6adb..c4e4cd68e 100644
--- a/src/views/tree/TreeScrollDemo.vue
+++ b/src/views/tree/TreeScrollDemo.vue
@@ -181,8 +181,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Regular Scroll</h5>
             <p>Scrollable viewport is fixed.</p>
             <p-tree :value="nodes1" scroll-height="200px"></p-tree>
diff --git a/src/views/tree/TreeSelectionDemo.vue b/src/views/tree/TreeSelectionDemo.vue
index ee91d1ac9..3fdaef914 100755
--- a/src/views/tree/TreeSelectionDemo.vue
+++ b/src/views/tree/TreeSelectionDemo.vue
@@ -164,8 +164,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <h5>Single Selection</h5>
diff --git a/src/views/tree/TreeTemplatingDemo.vue b/src/views/tree/TreeTemplatingDemo.vue
index 34f5059f7..17d801345 100755
--- a/src/views/tree/TreeTemplatingDemo.vue
+++ b/src/views/tree/TreeTemplatingDemo.vue
@@ -177,8 +177,7 @@ button {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-tree :value="nodes">
                 <template #default="slotProps">
                     <b>{{slotProps.node.label}}</b>
diff --git a/src/views/treeselect/TreeSelectDoc.vue b/src/views/treeselect/TreeSelectDoc.vue
index 3256d5b83..97a297864 100644
--- a/src/views/treeselect/TreeSelectDoc.vue
+++ b/src/views/treeselect/TreeSelectDoc.vue
@@ -608,8 +608,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/treeselect/treeselect.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <h5>Single</h5>
             <p-treeselect v-model="selectedNode" :options="nodes" placeholder="Select Item"></p-treeselect>
 
diff --git a/src/views/treetable/TreeTableColResizeDemo.vue b/src/views/treetable/TreeTableColResizeDemo.vue
index 9b51f877b..0f2f755f1 100755
--- a/src/views/treetable/TreeTableColResizeDemo.vue
+++ b/src/views/treetable/TreeTableColResizeDemo.vue
@@ -136,8 +136,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Fit Mode</h5>
                 <p-treetable :value="nodes" :resizable-columns="true" column-resize-mode="fit" show-gridlines>
diff --git a/src/views/treetable/TreeTableColToggleDemo.vue b/src/views/treetable/TreeTableColToggleDemo.vue
index d8b6c9fd8..70b7565a4 100755
--- a/src/views/treetable/TreeTableColToggleDemo.vue
+++ b/src/views/treetable/TreeTableColToggleDemo.vue
@@ -136,8 +136,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-treetable :value="nodes">
                 <template #header>
                     <div style="text-align:left">
diff --git a/src/views/treetable/TreeTableDoc.vue b/src/views/treetable/TreeTableDoc.vue
index 61730f89b..8037365ab 100755
--- a/src/views/treetable/TreeTableDoc.vue
+++ b/src/views/treetable/TreeTableDoc.vue
@@ -1898,8 +1898,7 @@ button {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Basic</h5>
                 <p-treetable :value="nodes">
diff --git a/src/views/treetable/TreeTableFilterDemo.vue b/src/views/treetable/TreeTableFilterDemo.vue
index 166215078..edda9d4ab 100755
--- a/src/views/treetable/TreeTableFilterDemo.vue
+++ b/src/views/treetable/TreeTableFilterDemo.vue
@@ -274,8 +274,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Lenient Filter</h5>
                 <p-treetable :value="nodes" :filters="filters1" filter-mode="lenient">
diff --git a/src/views/treetable/TreeTableLazyDemo.vue b/src/views/treetable/TreeTableLazyDemo.vue
index e8d9012b1..25951df3a 100755
--- a/src/views/treetable/TreeTableLazyDemo.vue
+++ b/src/views/treetable/TreeTableLazyDemo.vue
@@ -246,8 +246,7 @@ export default {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-treetable :value="nodes" :lazy="true" :paginator="true" :rows="rows" :loading="loading"
                 @node-expand="onExpand" @page="onPage" :total-records="totalRecords">
                 <p-column field="name" header="Name" :expander="true"></p-column>
diff --git a/src/views/treetable/TreeTablePaginatorDemo.vue b/src/views/treetable/TreeTablePaginatorDemo.vue
index dce756bf3..77e504916 100755
--- a/src/views/treetable/TreeTablePaginatorDemo.vue
+++ b/src/views/treetable/TreeTablePaginatorDemo.vue
@@ -134,8 +134,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-treetable :value="nodes" :paginator="true" :rows="10">
                 <p-column field="name" header="Name" :expander="true"></p-column>
                 <p-column field="size" header="Size"></p-column>
diff --git a/src/views/treetable/TreeTableResponsiveDemo.vue b/src/views/treetable/TreeTableResponsiveDemo.vue
index 9f2bfa447..4b53d4e90 100755
--- a/src/views/treetable/TreeTableResponsiveDemo.vue
+++ b/src/views/treetable/TreeTableResponsiveDemo.vue
@@ -190,8 +190,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Scroll</h5>
                 <p>Built-in responsiveness using the <b>responsiveLayout</b> property set to scroll.</p>
diff --git a/src/views/treetable/TreeTableScrollDemo.vue b/src/views/treetable/TreeTableScrollDemo.vue
index 0d0b7dd4a..e0071992f 100644
--- a/src/views/treetable/TreeTableScrollDemo.vue
+++ b/src/views/treetable/TreeTableScrollDemo.vue
@@ -339,8 +339,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/togglebutton/togglebutton.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Vertical</h5>
                 <p-treetable :value="nodes" style="margin-bottom: 2rem" :scrollable="true" scroll-height="400px">
diff --git a/src/views/treetable/TreeTableSelectionDemo.vue b/src/views/treetable/TreeTableSelectionDemo.vue
index 48225c0b3..fb1212e8a 100755
--- a/src/views/treetable/TreeTableSelectionDemo.vue
+++ b/src/views/treetable/TreeTableSelectionDemo.vue
@@ -255,8 +255,7 @@ export default {
         <script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-toast></p-toast>
 
             <div class="card">
diff --git a/src/views/treetable/TreeTableSizeDemo.vue b/src/views/treetable/TreeTableSizeDemo.vue
index 6ec2d3c28..ef9216eb8 100644
--- a/src/views/treetable/TreeTableSizeDemo.vue
+++ b/src/views/treetable/TreeTableSizeDemo.vue
@@ -179,8 +179,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <p-treetable :value="nodes" class="p-treetable-sm" style="margin-bottom: 2rem">
                     <template #header>
diff --git a/src/views/treetable/TreeTableSortDemo.vue b/src/views/treetable/TreeTableSortDemo.vue
index e70162213..d41faa1a6 100755
--- a/src/views/treetable/TreeTableSortDemo.vue
+++ b/src/views/treetable/TreeTableSortDemo.vue
@@ -161,8 +161,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="card">
                 <h5>Single Column Sorting</h5>
                 <p-treetable :value="nodes" sort-mode="single">
diff --git a/src/views/treetable/TreeTableTemplatingDemo.vue b/src/views/treetable/TreeTableTemplatingDemo.vue
index 71b457373..9786a4106 100755
--- a/src/views/treetable/TreeTableTemplatingDemo.vue
+++ b/src/views/treetable/TreeTableTemplatingDemo.vue
@@ -152,8 +152,7 @@ export default {
                     imports: `<script src="https://unpkg.com/primevue@^3/treetable/treetable.min.js"><\\/script>
         <script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
         <script src="./NodeService.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <p-treetable :value="nodes">
                 <template #header>
                     FileSystem
diff --git a/src/views/tristatecheckbox/TriStateCheckboxDoc.vue b/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
index 8c89b3f0e..8576eb821 100755
--- a/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
+++ b/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
@@ -143,8 +143,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/tristatecheckbox/tristatecheckbox.min.js"><\\/script>`,
-					content: `
-        <div id="app">
+					content: `<div id="app">
             <div class="p-field-checkbox p-m-0">
                 <p-tristatecheckbox v-model="value"></p-tristatecheckbox>
                 <label>{{value == null ? 'null' : value}}</label>
diff --git a/src/views/virtualscroller/VirtualScrollerDoc.vue b/src/views/virtualscroller/VirtualScrollerDoc.vue
index c6a9accbc..2cb6ac345 100644
--- a/src/views/virtualscroller/VirtualScrollerDoc.vue
+++ b/src/views/virtualscroller/VirtualScrollerDoc.vue
@@ -801,8 +801,7 @@ export default {
                 'browser-source': {
                     tabName: 'Browser Source',
                     imports: `<script src="https://unpkg.com/primevue@^3/skeleton/skeleton.min.js"><\\/script>`,
-                    content: `
-        <div id="app">
+                    content: `<div id="app">
             <div class="virtualscroller-demo">
                 <div class="card">
                     <h5 class="p-mb-0">Basic</h5>