add a test case for calling the debug function multiple times

Author: bichikim

packages/runtime-core/__tests__/debug.spec.ts

@@ -31,4 +31,36 @@ describe('debug', () => {
       name: 'foo',
     })
   })
+  test('watching states with calling the debug function multiple times', () => {
+    const root = nodeOps.createElement('div')
+    let instance: ComponentInternalInstance
+    const Comp = defineComponent({
+      setup() {
+        const name = ref('foo')
+        const age = ref(100)
+        debug({
+          name,
+        })
+        debug({
+          age,
+          name,
+        })
+        debug({
+          name,
+        })
+        return () => (
+          h('div', name.value)
+        )
+      },
+      mounted() {
+        instance = getCurrentInstance()!
+      },
+    })
+    render(h(Comp), root)
+    expect(inner(root)).toBe('<div>foo</div>')
+    expect(instance!.setupState).toEqual({
+      name: 'foo',
+      age: 100,
+    })
+  })
 })

packages/runtime-core/src/debug.ts

@@ -6,7 +6,7 @@ import {getCurrentInstance} from './component'
  * @example
  * const Component = defineComponent({
  *   setup() {
- *  const name = ref('foo')
+ *     const name = ref('foo')
  *     debug({
  *       // watch states in the vue devtool
  *       name,