라이브 코드 블록 설정 패널 닫힘 수정

components/content/ContentMarkdownCodeBlockEditor.vue

@@ -26,7 +26,7 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['commit', 'insert-above', 'insert-below', 'delete-line'])
+const emit = defineEmits(['commit', 'insert-above', 'insert-below', 'delete-line', 'focus-line'])
 
 const languageDraft = ref(props.language)
 const lineNumbersEnabled = ref(props.showLineNumbers)
@@ -123,6 +123,8 @@ const toggleLineNumbers = () => {
     class="content-markdown-code-block-editor"
     :show-line-numbers="lineNumbersEnabled"
     :line-numbers="gutterLines"
+    :data-source-line="bodySourceLine - 1"
+    :data-source-line-end="bodySourceLine + bodyLines.length"
   >
     <template #header-tools>
       <div
@@ -166,6 +168,7 @@ const toggleLineNumbers = () => {
       @insert-above="emit('insert-above', $event)"
       @insert-below="onExitBelow"
       @delete-line="emit('delete-line', $event)"
+      @focus-line="emit('focus-line', $event)"
     />
   </ProseCodeBlock>
 </template>