Moved away from SSR to regular Node API server.

src/layouts/MainLayout.vue

@@ -7,17 +7,17 @@
       :model-value="true"
     >
       <q-list>
-        <q-item
-          clickable
-          v-ripple
-          @click="toggleLeftDrawer"
+        <q-item
+          clickable
+          v-ripple
+          @click="toggleLeftDrawer"
         >
           <q-item-section avatar>
             <q-icon name="menu" />
           </q-item-section>
           <q-item-section>
-            <q-item-label class="text-h6">
-              StylePoint
+            <q-item-label class="text-h6">
+              StylePoint
             </q-item-label>
           </q-item-section>
         </q-item>
@@ -31,9 +31,9 @@
           :to="{ name: item.name }"
           exact
         >
-          <q-tooltip
-            anchor="center right"
-            self="center left"
+          <q-tooltip
+            anchor="center right"
+            self="center left"
           >
             <span>{{ item.meta.title }}</span>
           </q-tooltip>
@@ -42,8 +42,8 @@
           </q-item-section>
           <q-item-section>
             <q-item-label>{{ item.meta.title }}</q-item-label>
-            <q-item-label caption>
-              {{ item.meta.caption }}
+            <q-item-label caption>
+              {{ item.meta.caption }}
             </q-item-label>
           </q-item-section>
         </q-item>
@@ -55,9 +55,9 @@
           v-ripple
           @click="logout"
         >
-          <q-tooltip
-            anchor="center right"
-            self="center left"
+          <q-tooltip
+            anchor="center right"
+            self="center left"
           >
             <span>Logout</span>
           </q-tooltip>
@@ -67,7 +67,7 @@
           <q-item-section>
             <q-item-label>Logout</q-item-label>
           </q-item-section>
-        </q-item>
+        </q-item>
       </q-list>
     </q-drawer>
 
@@ -76,10 +76,10 @@
     </q-page-container>
 
     <!-- Chat FAB -->
-    <q-page-sticky
-      v-if="isAuthenticated"
-      position="bottom-right"
-      :offset="[18, 18]"
+    <q-page-sticky
+      v-if="isAuthenticated"
+      position="bottom-right"
+      :offset="[18, 18]"
     >
       <q-fab
         v-model="fabOpen"
@@ -92,28 +92,28 @@
     </q-page-sticky>
 
     <!-- Chat Window Dialog -->
-    <q-dialog
-      v-model="isChatVisible"
-      :maximized="$q.screen.lt.sm"
-      fixed
-      persistent
-      style="width: max(400px, 25%);"
+    <q-dialog
+      v-model="isChatVisible"
+      :maximized="$q.screen.lt.sm"
+      fixed
+      persistent
+      style="width: max(400px, 25%);"
     >
       <q-card style="width: max(400px, 25%); height: 600px; max-height: 80vh;">
         <q-bar class="bg-primary text-white">
           <div>Chat</div>
           <q-space />
-          <q-btn
-            dense
-            flat
-            icon="close"
-            @click="toggleChat"
+          <q-btn
+            dense
+            flat
+            icon="close"
+            @click="toggleChat"
           />
         </q-bar>
 
-        <q-card-section
-          class="q-pa-none"
-          style="height: calc(100% - 50px);"
+        <q-card-section
+          class="q-pa-none"
+          style="height: calc(100% - 50px);"
         >
           <ChatInterface
             :messages="chatMessages"
@@ -121,23 +121,23 @@
           />
         </q-card-section>
         <q-inner-loading :showing="isLoading">
-          <q-spinner-gears
-            size="50px"
-            color="primary"
+          <q-spinner-gears
+            size="50px"
+            color="primary"
           />
         </q-inner-loading>
-        <q-banner
-          v-if="chatError"
-          inline-actions
-          class="text-white bg-red"
+        <q-banner
+          v-if="chatError"
+          inline-actions
+          class="text-white bg-red"
         >
           {{ chatError }}
           <template #action>
-            <q-btn
-              flat
-              color="white"
-              label="Dismiss"
-              @click="clearError"
+            <q-btn
+              flat
+              color="white"
+              label="Dismiss"
+              @click="clearError"
             />
           </template>
         </q-banner>
@@ -147,7 +147,7 @@
 </template>
 
 <script setup>
-import axios from 'axios';
+import axios from 'boot/axios';
 import { ref, computed } from 'vue'; // Import computed
 import { useRouter } from 'vue-router';
 import { useQuasar } from 'quasar';
@@ -175,9 +175,9 @@ const isAuthenticated = computed(() => authStore.isAuthenticated); // Get auth s
 const mainLayoutRoutes = routes.find(r => r.path === '/')?.children || [];
 
 // Compute navigation items based on auth state and route meta
-const navItems = computed(() => 
+const navItems = computed(() => 
 {
-  return mainLayoutRoutes.filter(route => 
+  return mainLayoutRoutes.filter(route => 
   {
     const navGroup = route.meta?.navGroup;
     if (!navGroup) return false; // Only include routes with navGroup defined
@@ -192,41 +192,41 @@ const navItems = computed(() =>
 
 
 // Method to toggle chat visibility via the store action
-const toggleChat = () => 
+const toggleChat = () => 
 {
   // Optional: Add an extra check here if needed, though hiding the button is primary
-  if (isAuthenticated.value) 
+  if (isAuthenticated.value) 
   {
     chatStore.toggleChat();
   }
 };
 
 // Method to send a message via the store action
-const handleSendMessage = (messageContent) => 
+const handleSendMessage = (messageContent) => 
 {
   chatStore.sendMessage(messageContent);
 };
 
 // Method to clear errors in the store (optional)
-const clearError = () => 
+const clearError = () => 
 {
   chatStore.error = null; // Directly setting ref or add an action in store
 };
-function toggleLeftDrawer() 
+function toggleLeftDrawer() 
 {
   leftDrawerOpen.value = !leftDrawerOpen.value;
 }
 
-async function logout() 
+async function logout() 
 {
-  try 
+  try 
   {
-    await axios.post('/auth/logout');
+    await axios.post('/api/auth/logout');
     authStore.logout(); // Use the store action to update state
     // No need to manually push, router guard should redirect
     // router.push({ name: 'login' });
-  }
-  catch (error) 
+  }
+  catch (error) 
   {
     console.error('Logout failed:', error);