Refactored deploy path

src/layout/AppFooter.vue

@@ -1,16 +1,18 @@
 <script setup>
 import { useLayout } from '@/layout/composables/layout';
+import { computed } from 'vue';
 
 const { layoutConfig } = useLayout();
 
-const logoUrl = () => {
-    return new URL(`/public/layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`, import.meta.url).href;
-};
+const logoUrl = computed(() => {
+    return `layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`;
+});
+
 </script>
 
 <template>
     <div class="layout-footer">
-        <img :src="logoUrl()" alt="Logo" height="20" class="mr-2" />
+        <img :src="logoUrl" alt="Logo" height="20" class="mr-2" />
         by
         <span class="font-medium ml-2">PrimeVue</span>
     </div>

src/layout/AppTopbar.vue

@@ -16,9 +16,10 @@ onMounted(() => {
 onBeforeUnmount(() => {
     unbindOutsideClickListener();
 });
-const logoUrl = () => {
-    return new URL(`/public/layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`, import.meta.url).href;
-};
+
+const logoUrl = computed(() => {
+    return `layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`;
+});
 
 const onTopBarMenuButton = () => {
     topbarMenuActive.value = !topbarMenuActive.value;
@@ -62,7 +63,7 @@ const isOutsideClicked = (event) => {
 <template>
     <div class="layout-topbar">
         <router-link to="/" class="layout-topbar-logo">
-            <img :src="logoUrl()" alt="logo" />
+            <img :src="logoUrl" alt="logo" />
             <span>SAKAI</span>
         </router-link>