fix: [디자인QA] 슬라이드 인덱스 전환 시 영상이 처음부터 재생되도록 적용

layers/components/blocks/slide/CenterFocus.vue

@@ -23,6 +23,8 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits(['mounted', 'move', 'arrowClick'])
 
+const splideIndex = defineModel<number>('index', { required: false })
+
 // Splide 화살표 로직을 위한 composable 사용
 const { addArrowClickListeners } = useSplideArrow()
 
@@ -90,6 +92,10 @@ const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
   splide.refresh()
 
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = splide.index
+  }
+
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
     addArrowClickListeners(splide, (direction, targetIndex) => {
@@ -105,6 +111,10 @@ const handleMove = (
   destIndex: number
 ) => {
   emit('move', splide, newIndex, oldIndex, destIndex)
+
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = newIndex
+  }
 }
 </script>