diff --git a/src/pages/demo/playground/db/index.vue b/src/pages/demo/playground/db/index.vue
index c7eaf72b..601a0503 100644
--- a/src/pages/demo/playground/db/index.vue
+++ b/src/pages/demo/playground/db/index.vue
@@ -1,23 +1,16 @@
 <template>
   <d2-container type="full" class="page">
     <template slot="header">本地数据</template>
-    <tree-view :data="dbData" :options="options"></tree-view>
+    <d2-highlight :code="dbData"/>
   </d2-container>
 </template>
 
 <script>
-// 插件
 import db from '@/libs/db.js'
-
 export default {
   data () {
     return {
-      dbData: {},
-      options: {
-        maxDepth: 10,
-        rootObjectKey: 'db.value()',
-        modifiable: false
-      }
+      dbData: {}
     }
   },
   mounted () {
@@ -25,7 +18,7 @@ export default {
   },
   methods: {
     load () {
-      this.dbData = db.value()
+      this.dbData = JSON.stringify(db.value(), null, 2)
     }
   }
 }