From baa34a2e0845365cc477b6dfe6faa8c5a72e26e3 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Tue, 10 Dec 2024 12:29:47 +0100
Subject: [PATCH] fix(front): re-enable port in vite.config.ts; delete
 SetInstanceModal from LegacyLayout

---
 front/src/LegacyLayout.vue | 9 +++++----
 front/vite.config.ts       | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/front/src/LegacyLayout.vue b/front/src/LegacyLayout.vue
index bb8df7424..63d9bfe95 100644
--- a/front/src/LegacyLayout.vue
+++ b/front/src/LegacyLayout.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useIntervalFn, useStyleTag, useToggle, useWindowSize } from '@vueuse/core'
-import { computed, ref, defineAsyncComponent, nextTick, onMounted } from 'vue'
+import { computed, defineAsyncComponent, nextTick, onMounted } from 'vue'
 
 import { useQueue } from '~/composables/audio/queue'
 import { useStore } from '~/store'
@@ -51,7 +51,6 @@ const [showShortcutsModal, toggleShortcutsModal] = useToggle(false)
 onKeyboardShortcut('h', () => toggleShortcutsModal())
 
 const { width } = useWindowSize()
-const showSetInstanceModal = ref(false)
 </script>
 
 <template>
@@ -73,10 +72,8 @@ const showSetInstanceModal = ref(false)
 
     <sidebar
       :width="width"
-      @show:set-instance-modal="showSetInstanceModal = !showSetInstanceModal"
       @show:shortcuts-modal="toggleShortcutsModal"
     />
-    <set-instance-modal v-model:show="showSetInstanceModal" />
     <service-messages />
     <transition name="queue">
       <queue v-show="store.state.ui.queueFocused" />
@@ -94,6 +91,10 @@ const showSetInstanceModal = ref(false)
           </Suspense>
         </keep-alive>
       </template>
+      <template v-else>
+          <!-- Display a proper 404 page or error message -->
+          <h1>404 - Page Not Found</h1>
+        </template>
     </router-view>
 
     <audio-player />
diff --git a/front/vite.config.ts b/front/vite.config.ts
index ed26e1066..322c96e0f 100644
--- a/front/vite.config.ts
+++ b/front/vite.config.ts
@@ -12,7 +12,7 @@ import VueMacros from 'unplugin-vue-macros/vite'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
-// const port = +(process.env.VUE_PORT ?? 8080)
+const port = +(process.env.VUE_PORT ?? 8080)
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({