🐛 [fix] Logo 클릭 시 메인 페이지로 이동 기능 누락 수정

Author: seorang42

src/components/top-bar/SideBar.vue

@@ -13,7 +13,9 @@
             @click="$emit('close')"
             class="cursor-pointer"
             :name="hamburgerIcon" />
-          <img src="/MainLogo.svg" />
+          <button @click="onLogoClick">
+            <img src="/MainLogo.svg" />
+          </button>
         </div>
         <div class="flex-1 overflow-y-auto flex flex-col gap-6">
           <div
@@ -65,7 +67,7 @@
 </template>
 
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { computed } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 import { hamburgerIcon } from '@/constants/iconPath'
@@ -78,9 +80,10 @@ const memberStore = useMemberStore()
 const { info } = storeToRefs(memberStore)
 
 const { isOpen } = defineProps<{ isOpen: boolean }>()
-defineEmits(['close'])
+const emit = defineEmits(['close'])
 
 const route = useRoute()
+const router = useRouter()
 
 const role = computed(() => info.value.role)
 const name = computed(() => info.value.name)
@@ -93,4 +96,9 @@ const filteredMenu = computed(() => {
       ? SIDE_MANAGER_MENU
       : SIDE_ADMIN_MENU
 })
+
+const onLogoClick = () => {
+  emit('close')
+  router.push('/')
+}
 </script>

src/components/top-bar/TopBar.vue

@@ -8,7 +8,9 @@
           @click="onOpenSide">
           <CommonIcons :name="hamburgerIcon" />
         </button>
-        <img src="/MainLogo.svg" />
+        <button @click="router.push('/')">
+          <img src="/MainLogo.svg" />
+        </button>
       </div>
       <div
         v-if="isLogined"
@@ -63,9 +65,11 @@ import ProfileModal from './ProfileModal.vue'
 import { getNotifiCount } from '@/api/common'
 import ImageContainer from '../common/ImageContainer.vue'
 import { useOutsideClick } from '@/hooks/useOutsideClick'
+import { useRouter } from 'vue-router'
 
 const memberStore = useMemberStore()
 const { isLogined, info } = storeToRefs(memberStore)
+const router = useRouter()
 
 onMounted(async () => {
   if (isLogined.value) {