✨ [feat] : 특정 경로 이동시 상세정보 모달이 뜨도록 함

Author: Minkyu0424

src/layout/TheView.vue

@@ -1,6 +1,36 @@
 <template>
   <div class="w-full">
-    <!-- <TheTopBar /> -->
+    <div v-if="selectedID">
+      <TaskDetail
+        :selected-id="Number(selectedID)"
+        :close-task-detail="() => handleModal(null)" />
+    </div>
     <RouterView />
   </div>
 </template>
+
+<script setup lang="ts">
+import { onMounted, ref, watch } from 'vue'
+
+import TaskDetail from '@/components/task-detail/TaskDetail.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const selectedID = ref(route.query.taskId || null)
+const handleModal = (id: string | null) => {
+  selectedID.value = id
+}
+
+watch(
+  () => route.query.taskId,
+  newTaskID => {
+    selectedID.value = newTaskID || null
+  }
+)
+
+onMounted(() => {
+  if (route.query.taskId) {
+    selectedID.value = route.query.taskId
+  }
+})
+</script>