docs: update code demo and code annotation (#931)

brenner8023 · web-flow · commit 2ddd57f6874d · 2022-05-06T18:31:06.000+08:00
diff --git a/README.md b/README.md
@@ -347,7 +347,7 @@ export default {
 > Similarly, in Vue 2 you will need to call `del` to [ensure a key deletion triggers view updates](https://vuejs.org/v2/api/#Vue-delete) in reactive objects (similar to `Vue.delete` but for `reactive objects` created by the Composition API). In Vue 3 you can just delete them by calling `delete foo.bar`.
 
 ```ts
-import { reactive, set } from '@vue/composition-api'
+import { reactive, set, del } from '@vue/composition-api'
 
 const a = reactive({
   foo: 1
diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -187,7 +187,7 @@ b.list[1].count === 1 // true
 > ⚠️ 警告: `set` 和 `del` 并非 Vue 3 的一部分。由于 [Vue 2.x 响应式系统的限制](https://vuejs.org/v2/guide/reactivity.html#For-Objects)，我们在插件中提供该 API 作为添加响应式属性的一个变通方案。在 Vue 3 中，你只需要直接为属性赋值即可。
 
 ```ts
-import { reactive, set } from '@vue/composition-api'
+import { reactive, set, del } from '@vue/composition-api'
 
 const a = reactive({
   foo: 1
diff --git a/src/apis/effectScope.ts b/src/apis/effectScope.ts
@@ -84,7 +84,7 @@ export function recordEffectScope(
     scope.effects.push(effect)
     return
   }
-  // destory on parent component unmounted
+  // destroy on parent component unmounted
   const vm = getCurrentInstance()?.proxy
   vm && vm.$on('hook:destroyed', () => effect.stop())
 }
@@ -103,7 +103,7 @@ export function onScopeDispose(fn: () => void) {
   } else if (__DEV__) {
     warn(
       `onScopeDispose() is called when there is no active effect scope` +
-        ` to be associated with.`
+      ` to be associated with.`
     )
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@ export function recordEffectScope(`
`84`	`84`	`scope.effects.push(effect)`
`85`	`85`	`return`
`86`	`86`	`}`
`87`		`- // destory on parent component unmounted`
	`87`	`+ // destroy on parent component unmounted`
`88`	`88`	`const vm = getCurrentInstance()?.proxy`
`89`	`89`	`vm && vm.$on('hook:destroyed', () => effect.stop())`
`90`	`90`	`}`
`@@ -103,7 +103,7 @@ export function onScopeDispose(fn: () => void) {`
`103`	`103`	`} else if (__DEV__) {`
`104`	`104`	`warn(`
`105`	`105`	`onScopeDispose() is called when there is no active effect scope` +
`106`		- ` to be associated with.`
	`106`	+ ` to be associated with.`
`107`	`107`	`)`
`108`	`108`	`}`
`109`	`109`	`}`