From 15ca050649513d6eea7f77ab77a5dd1ddec2637a Mon Sep 17 00:00:00 2001
From: Bahadir Sofuoglu <bahadirsofuoglu@gmail.com>
Date: Wed, 21 Sep 2022 00:42:28 +0300
Subject: [PATCH] Baseurl added

---
 layouts/AppMenu.vue                |  4 ++--
 nuxt.config.js                     |  5 +++--
 pages/landing/HeaderSection.vue    |  2 +-
 pages/liveeditor/LiveEditorData.js | 26 +++++++++++++-------------
 service/NewsService.js             |  6 ++----
 5 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/layouts/AppMenu.vue b/layouts/AppMenu.vue
index 832c0bf09..6dcea1863 100755
--- a/layouts/AppMenu.vue
+++ b/layouts/AppMenu.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="['layout-sidebar', { active: active }]">
         <nuxt-link to="/" class="logo">
-            <img :src="'/demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" />
+            <img :src="'demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" />
         </nuxt-link>
         <div class="layout-sidebar-filter p-fluid">
             <AutoComplete
@@ -66,8 +66,8 @@
 </template>
 
 <script>
-import { FilterService, FilterMatchMode } from 'primevue/api';
 import menudata from '@/assets/menu/menu.json';
+import { FilterMatchMode, FilterService } from 'primevue/api';
 
 export default {
     props: {
diff --git a/nuxt.config.js b/nuxt.config.js
index 6d8d0c6ab..51e4efe16 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,13 +1,14 @@
+import vueJsx from '@vitejs/plugin-vue-jsx';
 import { defineNuxtConfig } from 'nuxt';
 const path = require('path');
-import vueJsx from '@vitejs/plugin-vue-jsx';
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
-    ssr: true,
+    ssr: false,
     typescript: false,
     components: true,
     app: {
+        baseURL: process.env.NODE_ENV === 'production' ? '/primevue-nuxt' : '/',
         head: {
             link: [
                 {
diff --git a/pages/landing/HeaderSection.vue b/pages/landing/HeaderSection.vue
index 1fce38a4c..d1517ae1f 100644
--- a/pages/landing/HeaderSection.vue
+++ b/pages/landing/HeaderSection.vue
@@ -1,7 +1,7 @@
 <template>
     <section :ref="containerRef" :class="['landing-header pad-section', { 'landing-header-active': menuActive }]">
         <span>
-            <img :src="'/demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" class="landing-header-logo" />
+            <img :src="'demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" class="landing-header-logo" />
         </span>
 
         <div class="flex align-items-center">
diff --git a/pages/liveeditor/LiveEditorData.js b/pages/liveeditor/LiveEditorData.js
index a9eb83b89..7409b34d1 100644
--- a/pages/liveeditor/LiveEditorData.js
+++ b/pages/liveeditor/LiveEditorData.js
@@ -3,7 +3,7 @@ const services = {
 export default class CountryService {
 
     getCountries() {
-        return useFetch('demo/data/countries.json').then(res => res.json())
+        return fetch('demo/data/countries.json').then(res => res.json())
             .then(d => d.data);
     }
 }
@@ -12,28 +12,28 @@ export default class CountryService {
 export default class CustomerService {
 
     getCustomersSmall() {
-        return useFetch('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 useFetch('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 useFetch('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 useFetch('demo/data/customers-xlarge.json').then(res => res.json())
+        return fetch('demo/data/customers-xlarge.json').then(res => res.json())
                 .then(d => d.data);
     }
 
     getCustomers(params) {
         const queryParams = params ? Object.keys(params).map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])).join('&') : '';
-        return useFetch('https://www.primefaces.org/data/customers?' + queryParams).then(res => res.json())
+        return fetch('https://www.primefaces.org/data/customers?' + queryParams).then(res => res.json())
     }
 }
     `,
@@ -41,7 +41,7 @@ export default class CustomerService {
 export default class EventService {
 
     getEvents() {
-        return useFetch('demo/data/events.json').then(res => res.json())
+        return fetch('demo/data/events.json').then(res => res.json())
                 .then(d => d.data);
     }
 }
@@ -50,12 +50,12 @@ export default class EventService {
 export default class NodeService {
 
     getTreeTableNodes() {
-        return useFetch('demo/data/treetablenodes.json').then(res => res.json())
+        return fetch('demo/data/treetablenodes.json').then(res => res.json())
                 .then(d => d.root);
     }
 
     getTreeNodes() {
-        return useFetch('demo/data/treenodes.json').then(res => res.json())
+        return fetch('demo/data/treenodes.json').then(res => res.json())
                 .then(d => d.root);
     }
 }
@@ -64,7 +64,7 @@ export default class NodeService {
 export default class PhotoService {
 
     getImages() {
-        return useFetch('demo/data/photos.json').then(res => res.json())
+        return fetch('demo/data/photos.json').then(res => res.json())
                 .then(d => d.data);
     }
 }
@@ -73,15 +73,15 @@ export default class PhotoService {
 export default class ProductService {
 
     getProductsSmall() {
-		return useFetch('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 useFetch('demo/data/products.json').then(res => res.json()).then(d => d.data);
+		return fetch('demo/data/products.json').then(res => res.json()).then(d => d.data);
     }
 
     getProductsWithOrdersSmall() {
-		return useFetch('demo/data/products-orders-small.json').then(res => res.json()).then(d => d.data);
+		return fetch('demo/data/products-orders-small.json').then(res => res.json()).then(d => d.data);
 	}
 }
 
diff --git a/service/NewsService.js b/service/NewsService.js
index 57553a245..7190ffbe4 100644
--- a/service/NewsService.js
+++ b/service/NewsService.js
@@ -1,7 +1,5 @@
 export default class NewsService {
-    async fetchNews() {
-        const data = await useFetch('https://www.primefaces.org/cdnnews/primevue.json', { cache: 'no-store' });
-
-        return await data.json();
+    fetchNews() {
+        return fetch('https://www.primefaces.org/cdn/news/primevue.json', { cache: 'no-store' }).then((res) => res.json());
     }
 }