docs: explain how to call the methods of svelte-jsoneditor

Author: cloydlau

README.md

@@ -1037,6 +1037,24 @@ Including the boolean properties of svelte-jsoneditor like `readOnly` with no va
 | ---------- | ------------------- | ------ |
 | jsonEditor | JSONEditor instance | object |
 
+### Calling the methods of svelte-jsoneditor
+
+```vue
+<script setup>
+import { onMounted, ref } from 'vue'
+
+const jsonEditorVueRef = ref()
+
+onMounted(() => {
+  jsonEditorVueRef.value.jsonEditor.focus()
+})
+</script>
+
+<template>
+  <JsonEditorVue ref="jsonEditorVueRef" />
+</template>
+```
+
 <br>
 
 ## Types

demo/vue3/index.vue

@@ -4,8 +4,6 @@ import { parse, stringify } from 'lossless-json'
 import type { Mode } from '../../src'
 import JsonEditorVue from '../../src'
 
-const console = window.console
-
 const LosslessJSONParser = {
   parse, /* : (json) => {    return JSON.parse(json, (k, v, { source }) =>
       (typeof source === 'number' && source > Number.MAX_SAFE_INTEGER)
@@ -43,7 +41,7 @@ const data = reactive<{
 
 const jsonEditorVueRef = ref()
 onMounted(() => {
-  console.log('expand: ', jsonEditorVueRef.value.jsonEditor.expand)
+  jsonEditorVueRef.value.jsonEditor.focus()
 })
 </script>
 

docs/README.zh-CN.md

@@ -1035,6 +1035,24 @@ createApp(App)
 | ---------- | --------------- | ------ |
 | jsonEditor | JSONEditor 实例 | object |
 
+### 调用 svelte-jsoneditor 的方法
+
+```vue
+<script setup>
+import { onMounted, ref } from 'vue'
+
+const jsonEditorVueRef = ref()
+
+onMounted(() => {
+  jsonEditorVueRef.value.jsonEditor.focus()
+})
+</script>
+
+<template>
+  <JsonEditorVue ref="jsonEditorVueRef" />
+</template>
+```
+
 <br>
 
 ## 类型