Some paths fixed

pages/card/index.vue

@@ -21,7 +21,7 @@
 
             <Card style="width: 25em">
                 <template #header>
-                    <img alt="user header" src="//demo/images/usercard.png" />
+                    <img alt="user header" src="/demo/images/usercard.png" />
                 </template>
                 <template #title> Advanced Card </template>
                 <template #subtitle> Card subtitle </template>

pages/galleria/GalleriaDoc.vue

@@ -1,5 +1,6 @@
 <template>
     <div class="content-section documentation">
+        <ClientOnly>
         <TabView>
             <TabPanel header="Documentation">
                 <h5>Import via Module</h5>
@@ -540,5 +541,6 @@ export default {
 </code></pre>
             </TabPanel>
         </TabView>
+    </ClientOnly>
     </div>
 </template>

pages/styleclass/StyleClassDoc.vue

@@ -1,6 +1,8 @@
 <template>
+   
     <ClientOnly>
 <AppDoc name="StyleClassDemo" :sources="sources" github="styleclass/StyleClassDemo.vue">
+    <div>
         <h5>Import via Module</h5>
         <pre v-code.script><code>
 import StyleClass from 'primevue/styleclass';
@@ -140,8 +142,10 @@ app.directive('styleclass', StyleClass);
 
         <h5>Dependencies</h5>
         <p>None.</p>
+    </div>
     </AppDoc>
 </ClientOnly>
+
 </template>
 
 <script>

pages/styleclass/index.vue

@@ -1,4 +1,5 @@
 <template>
+    <div>
     <div> 
         <div class="content-section introduction">
             <div class="feature-intro">
@@ -23,6 +24,7 @@
     </div>
 
     <StyleClassDoc />
+</div>
 </template>
 
 <script>

plugins/primeVue.js

@@ -101,6 +101,7 @@ import VirtualScroller from '@/components/virtualscroller/VirtualScroller';
 import AppDemoActions from '@/layouts/AppDemoActions'
 import AppDoc from '@/layouts/AppDocumentation'
 import AppInputStyleSwitch from '@/layouts/AppInputStyleSwitch'
+import DevelopmentSection from '@/layouts/DevelopmentSection'
 import CodeHighlight from '@/layouts/AppCodeHighlight';
 
 export default defineNuxtPlugin((nuxtApp) => {
@@ -212,5 +213,6 @@ nuxtApp.vueApp.component('VirtualScroller', VirtualScroller);
 
 nuxtApp.vueApp.component('AppDemoActions', AppDemoActions);
 nuxtApp.vueApp.component('AppInputStyleSwitch', AppInputStyleSwitch);
+nuxtApp.vueApp.component('DevelopmentSection', DevelopmentSection);
 nuxtApp.vueApp.component('AppDoc', AppDoc);
 }); 

service/CustomerService.js

@@ -1,22 +1,22 @@
 export default class CustomerService {
 
     getCustomersSmall() {
-        return fetch('demo/data/customers-small.json').then(res => res.json())
+        return fetch('/demo/data/customers-small.json').then(res => res.json())
                 .then(d => d.data);
     }
 
     getCustomersMedium() {
-        return fetch('demo/data/customers-medium.json').then(res => res.json())
+        return fetch('/demo/data/customers-medium.json').then(res => res.json())
                 .then(d => d.data);
     }
 
     getCustomersLarge() {
-        return fetch('demo/data/customers-large.json').then(res => res.json())
+        return fetch('/demo/data/customers-large.json').then(res => res.json())
                 .then(d => d.data);
     }
 
     getCustomersXLarge() {
-        return fetch('demo/data/customers-xlarge.json').then(res => res.json())
+        return fetch('/demo/data/customers-xlarge.json').then(res => res.json())
                 .then(d => d.data);
     }
 

service/NodeService.js

@@ -1,12 +1,12 @@
 export default class NodeService {
 
     getTreeTableNodes() {
-        return fetch('demo/data/treetablenodes.json').then(res => res.json())
+        return fetch('/demo/data/treetablenodes.json').then(res => res.json())
                 .then(d => d.root);
     }
 
     getTreeNodes() {
-        return fetch('demo/data/treenodes.json').then(res => res.json())
+        return fetch('/demo/data/treenodes.json').then(res => res.json())
                 .then(d => d.root);
     }
 }

service/ProductService.js

@@ -1,14 +1,14 @@
 export default class ProductService {
 
     getProductsSmall() {
-		return fetch('/public/demo/data/products-small.json').then(res => res.json()).then(d => d.data);
+		return fetch('/demo/data/products-small.json').then(res => res.json()).then(d => d.data);
 	}
 
 	getProducts() {
-		return fetch('/public/demo/data/products-small.json').then(res => res.json()).then(d => d.data);
+		return fetch('/demo/data/products-small.json').then(res => res.json()).then(d => d.data);
     }
 
     getProductsWithOrdersSmall() {
-		return fetch('/public/demo/data/products-small.json').then(res => res.json()).then(d => d.data);
+		return fetch('/demo/data/products-small.json').then(res => res.json()).then(d => d.data);
 	}
 }