docs: add dark theme section

Author: cloydlau

README.md

@@ -50,6 +50,8 @@ createApp()
 
 <script setup>
 import JsonEditorVue from 'json-editor-vue'
+
+const value = ref()
 </script>
 ```
 
@@ -113,6 +115,8 @@ Vue.use(JsonEditorVue, {
 
 <script setup>
 import JsonEditorVue from 'json-editor-vue'
+
+const value = ref()
 </script>
 ```
 
@@ -187,6 +191,11 @@ Vue.use(VCA)
 
 export default {
   components: { JsonEditorVue },
+  date() {
+    return {
+      value: undefined,
+    }
+  },
 }
 </script>
 ```
@@ -237,7 +246,7 @@ export default {
 | Name    | Description                                                                                   | Type               | 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'` |
+| 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) |                    |          |
 
 <br>
@@ -260,6 +269,21 @@ type Mode = 'tree' | 'text'
 
 <br>
 
+## Dark theme
+
+```vue
+<template>
+  <JsonEditorVue class="jse-theme-dark" />
+</template>
+
+<script setup>
+import 'vanilla-jsoneditor/themes/jse-theme-dark.css'
+import JsonEditorVue from 'json-editor-vue'
+</script>
+```
+
+<br>
+
 ## Changelog
 
 Detailed changes for each release are documented in the [release notes](https://github.com/cloydlau/json-editor-vue/releases).

auto-imports.d.ts

@@ -1,5 +1,55 @@
 // Generated by 'unplugin-auto-import'
 export {}
 declare global {
-
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
 }

docs/README.zh-CN.md

@@ -50,6 +50,8 @@ createApp()
 
 <script setup>
 import JsonEditorVue from 'json-editor-vue'
+
+const value = ref()
 </script>
 ```
 
@@ -113,6 +115,8 @@ Vue.use(JsonEditorVue, {
 
 <script setup>
 import JsonEditorVue from 'json-editor-vue'
+
+const value = ref()
 </script>
 ```
 
@@ -187,6 +191,11 @@ Vue.use(VCA)
 
 export default {
   components: { JsonEditorVue },
+  date() {
+    return {
+      value: undefined,
+    }
+  },
 }
 </script>
 ```
@@ -260,6 +269,21 @@ type Mode = 'tree' | 'text'
 
 <br>
 
+## 暗色主题
+
+```vue
+<template>
+  <JsonEditorVue class="jse-theme-dark" />
+</template>
+
+<script setup>
+import 'vanilla-jsoneditor/themes/jse-theme-dark.css'
+import JsonEditorVue from 'json-editor-vue'
+</script>
+```
+
+<br>
+
 ## 更新日志
 
 各版本详细改动请参考 [release notes](https://github.com/cloydlau/json-editor-vue/releases) 。