diff --git a/doc/autocomplete/ImportDoc.vue b/doc/autocomplete/ImportDoc.vue
index da4aaaecd..cd49441a1 100644
--- a/doc/autocomplete/ImportDoc.vue
+++ b/doc/autocomplete/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import AutoComplete from 'primevue/autocomplete';`
+                basic: `import AutoComplete from 'primevue/autocomplete';`
             }
         };
     }
diff --git a/doc/blockui/ImportDoc.vue b/doc/blockui/ImportDoc.vue
index 1e5db4e96..8478e48e9 100644
--- a/doc/blockui/ImportDoc.vue
+++ b/doc/blockui/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import BlockUI from 'primevue/blockui';`
+                basic: `import BlockUI from 'primevue/blockui';`
             }
         };
     }
diff --git a/doc/breadcrumb/ImportDoc.vue b/doc/breadcrumb/ImportDoc.vue
index 3709f4708..c44e1b5c3 100644
--- a/doc/breadcrumb/ImportDoc.vue
+++ b/doc/breadcrumb/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Breadcrumb from 'primevue/breadcrumb';`
+                basic: `import Breadcrumb from 'primevue/breadcrumb';`
             }
         };
     }
diff --git a/doc/button/ImportDoc.vue b/doc/button/ImportDoc.vue
index d24c325a0..d593509c7 100644
--- a/doc/button/ImportDoc.vue
+++ b/doc/button/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Button from 'primevue/button';`
+                basic: `import Button from 'primevue/button';`
             }
         };
     }
diff --git a/doc/calendar/ImportDoc.vue b/doc/calendar/ImportDoc.vue
index e09fe06ac..cb5966c1a 100644
--- a/doc/calendar/ImportDoc.vue
+++ b/doc/calendar/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Calendar from 'primevue/calendar';`
+                basic: `import Calendar from 'primevue/calendar';`
             }
         };
     }
diff --git a/doc/carousel/ImportDoc.vue b/doc/carousel/ImportDoc.vue
index de6243c08..05e4de167 100644
--- a/doc/carousel/ImportDoc.vue
+++ b/doc/carousel/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Carousel from 'primevue/carousel';`
+                basic: `import Carousel from 'primevue/carousel';`
             }
         };
     }
diff --git a/doc/cascadeselect/ImportDoc.vue b/doc/cascadeselect/ImportDoc.vue
index 1a56ac31f..1bd17a003 100644
--- a/doc/cascadeselect/ImportDoc.vue
+++ b/doc/cascadeselect/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import CascadeSelect from 'primevue/cascadeselect';`
+                basic: `import CascadeSelect from 'primevue/cascadeselect';`
             }
         };
     }
diff --git a/doc/checkbox/ImportDoc.vue b/doc/checkbox/ImportDoc.vue
index 1d3b42ade..9baef2788 100644
--- a/doc/checkbox/ImportDoc.vue
+++ b/doc/checkbox/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Checkbox from 'primevue/checkbox';`
+                basic: `import Checkbox from 'primevue/checkbox';`
             }
         };
     }
diff --git a/doc/chip/ImportDoc.vue b/doc/chip/ImportDoc.vue
index 4e3ccad58..5fe88de0c 100644
--- a/doc/chip/ImportDoc.vue
+++ b/doc/chip/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Chip from 'primevue/chip';`
+                basic: `import Chip from 'primevue/chip';`
             }
         };
     }
diff --git a/doc/colorpicker/ImportDoc.vue b/doc/colorpicker/ImportDoc.vue
index 823f8e293..c6d464e96 100644
--- a/doc/colorpicker/ImportDoc.vue
+++ b/doc/colorpicker/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import ColorPicker from 'primevue/colorpicker';`
+                basic: `import ColorPicker from 'primevue/colorpicker';`
             }
         };
     }
diff --git a/doc/configuration/ImportDoc.vue b/doc/configuration/ImportDoc.vue
index 20e3eaa38..c2081637e 100644
--- a/doc/configuration/ImportDoc.vue
+++ b/doc/configuration/ImportDoc.vue
@@ -10,8 +10,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import PrimeVue from 'primevue/config';
+                basic: `import PrimeVue from 'primevue/config';
 const app = createApp(App);
 
 app.use(PrimeVue);`
diff --git a/doc/configuration/InputStyleDoc.vue b/doc/configuration/InputStyleDoc.vue
index a3013426f..53e3a741f 100644
--- a/doc/configuration/InputStyleDoc.vue
+++ b/doc/configuration/InputStyleDoc.vue
@@ -15,8 +15,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import {createApp} from "vue";
+                basic: `import {createApp} from "vue";
 import PrimeVue from "primevue/config";
 const app = createApp(App);
 
diff --git a/doc/configuration/NuxtIntegrationDoc.vue b/doc/configuration/NuxtIntegrationDoc.vue
index bc18732bc..b29455146 100644
--- a/doc/configuration/NuxtIntegrationDoc.vue
+++ b/doc/configuration/NuxtIntegrationDoc.vue
@@ -19,8 +19,7 @@ export default {
     data() {
         return {
             code1: {
-                basic: `
-export default defineNuxtConfig({
+                basic: `export default defineNuxtConfig({
     css: [
         "primevue/resources/themes/lara-light-blue/theme.css",
         "primevue/resources/primevue.css",
@@ -32,8 +31,7 @@ export default defineNuxtConfig({
 })`
             },
             code2: {
-                basic: `
-import { defineNuxtPlugin } from "#app";
+                basic: `import { defineNuxtPlugin } from "#app";
 import PrimeVue from "primevue/config";
 import Button from "primevue/button";
 
diff --git a/doc/configuration/PropCasesDoc.vue b/doc/configuration/PropCasesDoc.vue
index d5f2b8ff6..871eb6a3c 100644
--- a/doc/configuration/PropCasesDoc.vue
+++ b/doc/configuration/PropCasesDoc.vue
@@ -11,8 +11,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-<Dialog :showHeader="false"></Dialog>
+                basic: `<Dialog :showHeader="false"></Dialog>
 
 <!-- can be written as -->
 
diff --git a/doc/configuration/RippleDoc.vue b/doc/configuration/RippleDoc.vue
index d76bcdc21..4c7a51fa0 100644
--- a/doc/configuration/RippleDoc.vue
+++ b/doc/configuration/RippleDoc.vue
@@ -11,8 +11,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import {createApp} from "vue";
+                basic: `import { createApp } from "vue";
 import PrimeVue from "primevue/config";
 const app = createApp(App);
 
diff --git a/doc/configuration/ZIndexDoc.vue b/doc/configuration/ZIndexDoc.vue
index e953f48db..7e1ae513a 100644
--- a/doc/configuration/ZIndexDoc.vue
+++ b/doc/configuration/ZIndexDoc.vue
@@ -14,8 +14,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import {createApp} from "vue";
+                basic: `import {createApp} from "vue";
 import PrimeVue from "primevue/config";
 const app = createApp(App);
 
diff --git a/doc/confirmdialog/ImportDoc.vue b/doc/confirmdialog/ImportDoc.vue
index e6f9ef7c9..775d573ae 100644
--- a/doc/confirmdialog/ImportDoc.vue
+++ b/doc/confirmdialog/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import ConfirmDialog from 'primevue/confirmdialog';`
+                basic: `import ConfirmDialog from 'primevue/confirmdialog';`
             }
         };
     }
diff --git a/doc/confirmpopup/ImportDoc.vue b/doc/confirmpopup/ImportDoc.vue
index 8e3fbad77..5404a5568 100644
--- a/doc/confirmpopup/ImportDoc.vue
+++ b/doc/confirmpopup/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import ConfirmPopup from 'primevue/confirmpopup';`
+                basic: `import ConfirmPopup from 'primevue/confirmpopup';`
             }
         };
     }
diff --git a/doc/dataview/ImportDoc.vue b/doc/dataview/ImportDoc.vue
index 307f8e6dd..d7cb032e2 100644
--- a/doc/dataview/ImportDoc.vue
+++ b/doc/dataview/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import DataView from 'primevue/dataview';
+                basic: `import DataView from 'primevue/dataview';
 import DataViewLayoutOptions from 'primevue/dataviewlayoutoptions'   // optional`
             }
         };
diff --git a/doc/dropdown/ImportDoc.vue b/doc/dropdown/ImportDoc.vue
index c899bc2a0..285b01560 100644
--- a/doc/dropdown/ImportDoc.vue
+++ b/doc/dropdown/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Dropdown from 'primevue/dropdown';`
+                basic: `import Dropdown from 'primevue/dropdown';`
             }
         };
     }
diff --git a/doc/dynamicdialog/ImportDoc.vue b/doc/dynamicdialog/ImportDoc.vue
index a52145700..dc51f860a 100644
--- a/doc/dynamicdialog/ImportDoc.vue
+++ b/doc/dynamicdialog/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import DynamicDialog from 'primevue/dynamicdialog';`
+                basic: `import DynamicDialog from 'primevue/dynamicdialog';`
             }
         };
     }
diff --git a/doc/fileupload/ImportDoc.vue b/doc/fileupload/ImportDoc.vue
index 8206e27e0..9ae8e76c6 100644
--- a/doc/fileupload/ImportDoc.vue
+++ b/doc/fileupload/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import FileUpload from 'primevue/fileupload';`
+                basic: `import FileUpload from 'primevue/fileupload';`
             }
         };
     }
diff --git a/doc/galleria/ImportDoc.vue b/doc/galleria/ImportDoc.vue
index 6642f7b01..25ab56fdf 100644
--- a/doc/galleria/ImportDoc.vue
+++ b/doc/galleria/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Galleria from 'primevue/galleria';`
+                basic: `import Galleria from 'primevue/galleria';`
             }
         };
     }
diff --git a/doc/image/ImportDoc.vue b/doc/image/ImportDoc.vue
index ed5d8b2df..0dbeee898 100644
--- a/doc/image/ImportDoc.vue
+++ b/doc/image/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Image from 'primevue/image';`
+                basic: `import Image from 'primevue/image';`
             }
         };
     }
diff --git a/doc/inlinemessage/ImportDoc.vue b/doc/inlinemessage/ImportDoc.vue
index a23e6446a..a5376d9a1 100644
--- a/doc/inlinemessage/ImportDoc.vue
+++ b/doc/inlinemessage/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import InlineMessage from 'primevue/message';`
+                basic: `import InlineMessage from 'primevue/message';`
             }
         };
     }
diff --git a/doc/inputnumber/ImportDoc.vue b/doc/inputnumber/ImportDoc.vue
index b7469b046..24d91be05 100644
--- a/doc/inputnumber/ImportDoc.vue
+++ b/doc/inputnumber/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import InputNumber from 'primevue/inputnumber';`
+                basic: `import InputNumber from 'primevue/inputnumber';`
             }
         };
     }
diff --git a/doc/inputtext/ImportDoc.vue b/doc/inputtext/ImportDoc.vue
index bb916c5b2..1677dcca7 100644
--- a/doc/inputtext/ImportDoc.vue
+++ b/doc/inputtext/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import InputText from 'primevue/inputtext';`
+                basic: `import InputText from 'primevue/inputtext';`
             }
         };
     }
diff --git a/doc/installation/DownloadDoc.vue b/doc/installation/DownloadDoc.vue
index 2eff0f6dd..849116be4 100644
--- a/doc/installation/DownloadDoc.vue
+++ b/doc/installation/DownloadDoc.vue
@@ -10,8 +10,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-// with npm
+                basic: `// with npm
 npm install primevue primeicons
 
 // with yarn
diff --git a/doc/installation/StylesDoc.vue b/doc/installation/StylesDoc.vue
index 918f23dcf..42a2e904e 100644
--- a/doc/installation/StylesDoc.vue
+++ b/doc/installation/StylesDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Theme, core and icons are the necessary css files of the components, visit the <NuxtLink to="/theming#themes">Themes</NuxtLink> section for the complete list of available themes to choose from.</p>
+        <p>Theme, core and icons are the necessary css files of the components, visit the <NuxtLink to="/theming/#themes">Themes</NuxtLink> section for the complete list of available themes to choose from.</p>
     </DocSectionText>
     <DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
 </template>
@@ -10,8 +10,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-//theme
+                basic: `//theme
 import "primevue/resources/themes/lara-light-indigo/theme.css";     
     
 //core
diff --git a/doc/installation/UsageDoc.vue b/doc/installation/UsageDoc.vue
index 8492c8a0f..ed7a1529a 100644
--- a/doc/installation/UsageDoc.vue
+++ b/doc/installation/UsageDoc.vue
@@ -5,7 +5,7 @@
     <div class="card flex justify-content-center">
         <Button label="Check" icon="pi pi-check" />
     </div>
-    <DocSectionCode :code="code" />
+    <DocSectionCode :code="code" importCode />
 </template>
 
 <script>
diff --git a/doc/listbox/ImportDoc.vue b/doc/listbox/ImportDoc.vue
index 35ab19842..62baed653 100644
--- a/doc/listbox/ImportDoc.vue
+++ b/doc/listbox/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Listbox from 'primevue/listbox';`
+                basic: `import Listbox from 'primevue/listbox';`
             }
         };
     }
diff --git a/doc/locale/ImportDoc.vue b/doc/locale/ImportDoc.vue
index 6f78781ef..56f5ebca7 100644
--- a/doc/locale/ImportDoc.vue
+++ b/doc/locale/ImportDoc.vue
@@ -10,8 +10,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import PrimeVue from 'primevue/config';
+                basic: `import PrimeVue from 'primevue/config';
 const app = createApp(App);
 
 app.use(PrimeVue);`
diff --git a/doc/menubar/ImportDoc.vue b/doc/menubar/ImportDoc.vue
index ee28d6089..92ed07c66 100644
--- a/doc/menubar/ImportDoc.vue
+++ b/doc/menubar/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Menubar from 'primevue/menubar';`
+                basic: `import Menubar from 'primevue/menubar';`
             }
         };
     }
diff --git a/doc/message/ImportDoc.vue b/doc/message/ImportDoc.vue
index c0420ae9a..4e10a1761 100644
--- a/doc/message/ImportDoc.vue
+++ b/doc/message/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Message from 'primevue/message';`
+                basic: `import Message from 'primevue/message';`
             }
         };
     }
diff --git a/doc/multiselect/ImportDoc.vue b/doc/multiselect/ImportDoc.vue
index 1b25891e3..d8c718108 100644
--- a/doc/multiselect/ImportDoc.vue
+++ b/doc/multiselect/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import MultiSelect from 'primevue/multiselect';`
+                basic: `import MultiSelect from 'primevue/multiselect';`
             }
         };
     }
diff --git a/doc/orderlist/ImportDoc.vue b/doc/orderlist/ImportDoc.vue
index 6267ebca0..d28ed4f7d 100644
--- a/doc/orderlist/ImportDoc.vue
+++ b/doc/orderlist/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import OrderList from 'primevue/orderlist';`
+                basic: `import OrderList from 'primevue/orderlist';`
             }
         };
     }
diff --git a/doc/organizationchart/ImportDoc.vue b/doc/organizationchart/ImportDoc.vue
index fb8468286..9a5ff5a56 100644
--- a/doc/organizationchart/ImportDoc.vue
+++ b/doc/organizationchart/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import OrganizationChart from 'primevue/organizationchart';`
+                basic: `import OrganizationChart from 'primevue/organizationchart';`
             }
         };
     }
diff --git a/doc/overlaypanel/ImportDoc.vue b/doc/overlaypanel/ImportDoc.vue
index 1c118329b..92d5c6e27 100644
--- a/doc/overlaypanel/ImportDoc.vue
+++ b/doc/overlaypanel/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import OverlayPanel from 'primevue/overlaypanel';`
+                basic: `import OverlayPanel from 'primevue/overlaypanel';`
             }
         };
     }
diff --git a/doc/paginator/ImportDoc.vue b/doc/paginator/ImportDoc.vue
index 5fe8dca87..7808b8e8d 100644
--- a/doc/paginator/ImportDoc.vue
+++ b/doc/paginator/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Paginator from 'primevue/paginator';`
+                basic: `import Paginator from 'primevue/paginator';`
             }
         };
     }
diff --git a/doc/picklist/ImportDoc.vue b/doc/picklist/ImportDoc.vue
index a2bdb5530..27fe83426 100644
--- a/doc/picklist/ImportDoc.vue
+++ b/doc/picklist/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import PickList from 'primevue/picklist';`
+                basic: `import PickList from 'primevue/picklist';`
             }
         };
     }
diff --git a/doc/ripple/ImportDoc.vue b/doc/ripple/ImportDoc.vue
index 9037e59a0..e0d223e24 100644
--- a/doc/ripple/ImportDoc.vue
+++ b/doc/ripple/ImportDoc.vue
@@ -15,16 +15,14 @@ export default {
     data() {
         return {
             code1: {
-                basic: `
-import { createApp } from 'vue';
+                basic: `import { createApp } from 'vue';
 import PrimeVue from 'primevue/config';
 const app = createApp(App);
 
 app.use(PrimeVue, { ripple: true });`
             },
             code2: {
-                basic: `
-import Ripple from 'primevue/ripple';
+                basic: `import Ripple from 'primevue/ripple';
 
 app.directive('ripple', Ripple);`
             }
diff --git a/doc/sidebar/ImportDoc.vue b/doc/sidebar/ImportDoc.vue
index c77a386e4..a61a59a27 100644
--- a/doc/sidebar/ImportDoc.vue
+++ b/doc/sidebar/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Sidebar from 'primevue/sidebar';`
+                basic: `import Sidebar from 'primevue/sidebar';`
             }
         };
     }
diff --git a/doc/splitbutton/ImportDoc.vue b/doc/splitbutton/ImportDoc.vue
index 634c2f3ef..ad49d478e 100644
--- a/doc/splitbutton/ImportDoc.vue
+++ b/doc/splitbutton/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import SplitButton from 'primevue/splitbutton';`
+                basic: `import SplitButton from 'primevue/splitbutton';`
             }
         };
     }
diff --git a/doc/theming/PrimeFlexDoc.vue b/doc/theming/PrimeFlexDoc.vue
index 65fdb2a28..3642d74d3 100644
--- a/doc/theming/PrimeFlexDoc.vue
+++ b/doc/theming/PrimeFlexDoc.vue
@@ -26,8 +26,7 @@ export default {
     <Button type="button" label="Button 1" class="mb-3 md:mb-0"></Button>
     <Button type="button" label="Button 2" class="p-button-secondary mb-3 md:mb-0"></Button>
     <Button type="button" label="Button 3" class="p-button-help"></Button>
-</div>
-        `
+</div>`
             }
         };
     }
diff --git a/doc/theming/ScaleDoc.vue b/doc/theming/ScaleDoc.vue
index 018843b6d..d75d695a6 100644
--- a/doc/theming/ScaleDoc.vue
+++ b/doc/theming/ScaleDoc.vue
@@ -13,11 +13,9 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-html {
+                basic: `html {
     font-size: 14px;
-}
-        `
+}`
             }
         };
     }
diff --git a/doc/theming/ScopedStylingDoc.vue b/doc/theming/ScopedStylingDoc.vue
index a973b4fb2..4d2b801b1 100644
--- a/doc/theming/ScopedStylingDoc.vue
+++ b/doc/theming/ScopedStylingDoc.vue
@@ -22,27 +22,23 @@ export default {
     data() {
         return {
             code1: {
-                basic: `
-<style scoped>
+                basic: `<style scoped>
 .mypanel .p-panel-header {
     background-color: #07c4e8;
     color: #ffffff;
 }
-</style>
-        `
+</style>`
             },
 
             code2: {
-                basic: `
-<template>
+                basic: `<template>
     <Panel header="Named ClassName" class="mypanel">
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
             Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
             Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
             cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
     </Panel>
-</template>
-        `
+</template>`
             }
         };
     }
diff --git a/doc/theming/ThemesDoc.vue b/doc/theming/ThemesDoc.vue
index de81a436c..2811b0672 100644
--- a/doc/theming/ThemesDoc.vue
+++ b/doc/theming/ThemesDoc.vue
@@ -10,8 +10,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-primevue/resources/themes/bootstrap4-light-blue/theme.css
+                basic: `primevue/resources/themes/bootstrap4-light-blue/theme.css
 primevue/resources/themes/bootstrap4-light-purple/theme.css
 primevue/resources/themes/bootstrap4-dark-blue/theme.css
 primevue/resources/themes/bootstrap4-dark-purple/theme.css
@@ -50,8 +49,7 @@ primevue/resources/themes/vela-purple/theme.css
 primevue/resources/themes/arya-blue/theme.css
 primevue/resources/themes/arya-green/theme.css
 primevue/resources/themes/arya-orange/theme.css
-primevue/resources/themes/arya-purple/theme.css
-        `
+primevue/resources/themes/arya-purple/theme.css`
             }
         };
     }
diff --git a/doc/timeline/ImportDoc.vue b/doc/timeline/ImportDoc.vue
index 54b0e10e4..73957ebe1 100644
--- a/doc/timeline/ImportDoc.vue
+++ b/doc/timeline/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Timeline from 'primevue/timeline';`
+                basic: `import Timeline from 'primevue/timeline';`
             }
         };
     }
diff --git a/doc/toast/ImportDoc.vue b/doc/toast/ImportDoc.vue
index 79187ed63..5eddeb789 100644
--- a/doc/toast/ImportDoc.vue
+++ b/doc/toast/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Toast from 'primevue/toast';`
+                basic: `import Toast from 'primevue/toast';`
             }
         };
     }
diff --git a/doc/tooltip/ImportDoc.vue b/doc/tooltip/ImportDoc.vue
index 81a535934..60d54b980 100644
--- a/doc/tooltip/ImportDoc.vue
+++ b/doc/tooltip/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Tooltip from 'primevue/tooltip';
+                basic: `import Tooltip from 'primevue/tooltip';
 
 app.directive('tooltip', Tooltip);`
             }
diff --git a/doc/tree/ImportDoc.vue b/doc/tree/ImportDoc.vue
index d9e6ec192..896ffc747 100644
--- a/doc/tree/ImportDoc.vue
+++ b/doc/tree/ImportDoc.vue
@@ -8,8 +8,7 @@ export default {
     data() {
         return {
             code: {
-                basic: `
-import Tree from 'primevue/tree';`
+                basic: `import Tree from 'primevue/tree';`
             }
         };
     }