tamplate 치환 키워드 스터핑 버그 및 오타수정

seoul/components/SubjectCarousel.vue

@@ -127,14 +127,14 @@
                     <i class="fa-solid fa-paper-plane mr-2"></i>
                     <span>{{ selectedItem.name }} 무료 상담 신청하기</span>
                   </button>
-                  <button 
-                    type="button" 
+                  <NuxtLink 
+                    :to="getSubjectPageUrl(selectedItem.subjectKey)" 
                     class="btn-modal-link" 
-                    @click="goToSubjectPage(selectedItem.subjectKey)"
+                    @click="closeModal"
                   >
                     <span>전용 페이지 이동</span>
                     <i class="fa-solid fa-chevron-right ml-1"></i>
-                  </button>
+                  </NuxtLink>
                 </div>
               </div>
             </div>
@@ -302,9 +302,8 @@ const applyWithSubject = (subjectName) => {
   }
 }
 
-// 해당 과목 전용 페이지로 이동
-const goToSubjectPage = (subjectKey) => {
-  closeModal()
+// 해당 과목 전용 페이지 URL 생성 (NuxtLink 바인딩용)
+const getSubjectPageUrl = (subjectKey) => {
   const dong = props.regionDong || '서울'
   const grade = props.grade || '중학생'
   const subMap = {
@@ -315,8 +314,13 @@ const goToSubjectPage = (subjectKey) => {
     social: '사회'
   }
   const subName = subMap[subjectKey] || '수학'
-  const targetUrl = `/${encodeURIComponent(dong)}-${encodeURIComponent(grade)}-${encodeURIComponent(subName)}`
-  router.push(targetUrl)
+  return `/${encodeURIComponent(dong)}/${encodeURIComponent(grade)}/${encodeURIComponent(subName)}`
+}
+
+// 해당 과목 전용 페이지로 이동
+const goToSubjectPage = (subjectKey) => {
+  closeModal()
+  router.push(getSubjectPageUrl(subjectKey))
 }
 
 // ESC 키로 모달 닫기