feat(app): support app level effect scope

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

@@ -11,7 +11,8 @@ import {
   Plugin,
   ref,
   getCurrentInstance,
-  defineComponent
+  defineComponent,
+  onScopeDispose
 } from '@vue/runtime-test'
 
 describe('api: createApp', () => {
@@ -551,6 +552,26 @@ describe('api: createApp', () => {
     ).not.toHaveBeenWarned()
   })
 
+  test('should invoke onScopeDispose when the app unmount', () => {
+    const spy = vi.fn(() => {})
+    const root = nodeOps.createElement('div')
+
+    const app = createApp({
+      setup() {
+        return () => h('div')
+      }
+    })
+
+    app.runWithContext(() => {
+      onScopeDispose(spy)
+    })
+
+    app.mount(root)
+    app.unmount()
+
+    expect(spy).toHaveBeenCalledTimes(1)
+  })
+
   // config.compilerOptions is tested in packages/vue since it is only
   // supported in the full build.
 })

packages/runtime-core/src/apiCreateApp.ts

@@ -1,3 +1,4 @@
+import { effectScope } from '@vue/reactivity'
 import {
   ConcreteComponent,
   Data,
@@ -210,6 +211,7 @@ export function createAppAPI<HostElement>(
       rootProps = null
     }
 
+    const scope = effectScope(true)
     const context = createAppContext()
 
     // TODO remove in 3.4
@@ -370,6 +372,7 @@ export function createAppAPI<HostElement>(
 
       unmount() {
         if (isMounted) {
+          scope.stop()
           render(null, app._container)
           if (__DEV__ || __FEATURE_PROD_DEVTOOLS__) {
             app._instance = null
@@ -397,7 +400,7 @@ export function createAppAPI<HostElement>(
       runWithContext(fn) {
         currentApp = app
         try {
-          return fn()
+          return scope.run(fn) as ReturnType<typeof fn>
         } finally {
           currentApp = null
         }