chore: 调整文档中示例

Author: rennzhang

docs/demo/examples/Interactive/demo.vue

@@ -7,6 +7,8 @@
     class="cm-component"
     :border="store.border"
     @ready="onReady"
+    @blur="onBlur"
+    @focus="onFocus"
   />
 </template>
 <script lang="ts" setup>
@@ -40,6 +42,7 @@ const cmOptions: EditorConfiguration = reactive({
   scrollbarStyle: "simple",
   showCursorWhenSelecting: true,
   styleSelectedText: true,
+  styleActiveLine: false,
 });
 
 const cminstance = ref<Editor | null>(null);
@@ -48,6 +51,17 @@ const onReady = (cm: Editor) => {
   console.log(cm.getValue());
 };
 
+/** @description  */
+const onBlur = (cm: Editor) => {
+  console.log(" onBlur", cm);
+  cm.setOption("styleActiveLine", false);
+};
+/** @description  */
+const onFocus = (cm: Editor) => {
+  console.log(" onBlur", cm);
+  cm.setOption("styleActiveLine", true);
+};
+
 const _fontSize = computed(() => store.fontSize || "13px");
 const _lineHeight = computed(() => store.lineHeight || "20px");