feat(app): support app level effect scope

packages/runtime-dom/src/index.ts

@@ -10,7 +10,8 @@ import {
   RootHydrateFunction,
   isRuntimeOnly,
   DeprecationTypes,
-  compatUtils
+  compatUtils,
+  effectScope
 } from '@vue/runtime-core'
 import { nodeOps } from './nodeOps'
 import { patchProp } from './patchProp'
@@ -63,14 +64,16 @@ export const hydrate = ((...args) => {
 }) as RootHydrateFunction
 
 export const createApp = ((...args) => {
+  const scope = effectScope()
+
   const app = ensureRenderer().createApp(...args)
 
   if (__DEV__) {
     injectNativeTagCheck(app)
     injectCompilerOptionsCheck(app)
   }
 
-  const { mount } = app
+  const { mount, unmount, runWithContext } = app
   app.mount = (containerOrSelector: Element | ShadowRoot | string): any => {
     const container = normalizeContainer(containerOrSelector)
     if (!container) return
@@ -107,6 +110,15 @@ export const createApp = ((...args) => {
     return proxy
   }
 
+  app.runWithContext = <T>(fn: () => T): T => {
+    return scope.run(() => runWithContext(fn)) as T
+  }
+
+  app.unmount = () => {
+    scope.stop()
+    unmount()
+  }
+
   return app
 }) as CreateAppFunction<Element>