docs: boolean attrs

Author: cloydlau

README.md

@@ -259,7 +259,15 @@ export default {
 | ------- | --------------------------------------------------------------------------------------------- | ------------------ | -------- |
 | v-model | binding value                                                                                 | `any`              |          |
 | mode    | edit mode, use `v-model:mode` in Vue 3 or `:mode.sync` in Vue 2                               | `'tree'`, `'text'` | `'tree'` |
-| ...     | properties of [svelte-jsoneditor](https://github.com/josdejong/svelte-jsoneditor/#properties) |                    |          |
+| ...     | properties of [svelte-jsoneditor](https://github.com/josdejong/svelte-jsoneditor/#properties) (via attrs) |                    |          |
+
+### Boolean Attrs
+
+Boolean properties of `svelte-jsoneditor` like `readOnly` won't imply `true` because they are [attrs](https://vuejs.org/guide/components/attrs.html):
+
+- ✔️ `<json-editor-vue :readOnly="true" />`
+
+- ❌ `<json-editor-vue readOnly />`
 
 <br>
 

docs/README.zh-CN.md

@@ -257,7 +257,15 @@ export default {
 | ------- | -------------------------------------------------------------------------------------- | ------------------ | -------- |
 | v-model | 绑定值                                                                                 | `any`              |          |
 | mode    | 编辑模式，在 Vue 3 中使用 `v-model:mode`，在 Vue 2 中使用 `:mode.sync`                 | `'tree'`, `'text'` | `'tree'` |
-| ...     | [svelte-jsoneditor](https://github.com/josdejong/svelte-jsoneditor/#properties) 的参数 |                    |          |
+| ...     | [svelte-jsoneditor](https://github.com/josdejong/svelte-jsoneditor/#properties) 的参数（通过 attrs） |                    |          |
+
+### 布尔类型的 Attrs
+
+`svelte-jsoneditor` 的布尔类型参数如 `readOnly` 不会隐式转换为 `true`，因为它们是 [attrs](https://vuejs.org/guide/components/attrs.html):
+
+- ✔️ `<json-editor-vue :readOnly="true" />`
+
+- ❌ `<json-editor-vue readOnly />`
 
 <br>
 

src/Component.ts

@@ -97,8 +97,8 @@ export default defineComponent({
       })
     })
 
-    watch(() => attrs, (props) => {
-      jsonEditor.value.updateProps(props)
+    watch(() => attrs, (attrs) => {
+      jsonEditor.value.updateProps(attrs)
     }, {
       deep: true,
     })