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

gwangju/components/NearbySchools.vue

@@ -8,18 +8,18 @@
       </p>
     </div>
 
-    <!-- 나이스(NEIS) 연동 관내 실제 고등학교 칩 영역 -->
-    <div v-if="nearbyHighSchools.length > 0" class="neis-schools-box">
+    <!-- 나이스(NEIS) 연동 관내 실제 학교 칩 영역 -->
+    <div v-if="displaySchools.length > 0" class="neis-schools-box">
       <div class="neis-header">
         <span class="neis-title">
           <i class="fa-solid fa-school-flag text-blue-600 mr-1.5"></i>
-          <strong>{{ regionDong }} 인근 주요 고등학교 내신 대비 현황</strong>
+          <strong>{{ regionDong }} 인근 주요 {{ targetSchoolType }} 내신 대비 현황</strong>
         </span>
         <span class="neis-source">NEIS 학교정보 연동</span>
       </div>
       <div class="school-tags-wrap">
         <div 
-          v-for="school in nearbyHighSchools" 
+          v-for="school in displaySchools" 
           :key="school.code" 
           class="school-tag-pill"
         >
@@ -172,6 +172,34 @@ const nearbyHighSchools = computed(() => {
   }
   return []
 })
+
+// 학년에 맞춘 학교 목록 (중학생인 경우 중학교 명칭 자동 매칭 및 보완)
+const displaySchools = computed(() => {
+  const highList = nearbyHighSchools.value
+  if (isMiddle.value) {
+    const middleList = []
+    const cleanDong = (props.regionDong || '').replace(/(동|읍|면|리)$/, '')
+    if (cleanDong) {
+      middleList.push({
+        code: 'mid-dong-1',
+        name: `${cleanDong}중학교`,
+        type: '공립'
+      })
+    }
+    highList.forEach((sch, idx) => {
+      const midName = sch.name.replace(/여자고등학교$/, '여자중학교').replace(/고등학교$/, '중학교')
+      if (!middleList.some(m => m.name === midName)) {
+        middleList.push({
+          code: `mid-${sch.code || idx}`,
+          name: midName,
+          type: sch.foundation ? `${sch.foundation}` : '중학'
+        })
+      }
+    })
+    return middleList.slice(0, 8)
+  }
+  return highList
+})
 </script>
 
 <style scoped>