diff --git a/packages/compiler-sfc/__tests__/compileScript.spec.ts b/packages/compiler-sfc/__tests__/compileScript.spec.ts index eae846ee517..54a4b698b47 100644 --- a/packages/compiler-sfc/__tests__/compileScript.spec.ts +++ b/packages/compiler-sfc/__tests__/compileScript.spec.ts @@ -824,37 +824,70 @@ const emit = defineEmits(['a', 'b']) }) describe('async/await detection', () => { - function assertAwaitDetection(code: string, shouldAsync = true) { + function assertAwaitDetection( + code: string, + expected: string | ((content: string) => boolean), + shouldAsync = true + ) { const { content } = compile(``) expect(content).toMatch(`${shouldAsync ? `async ` : ``}setup(`) + if (typeof expected === 'string') { + expect(content).toMatch(expected) + } else { + expect(expected(content)).toBe(true) + } } test('expression statement', () => { - assertAwaitDetection(`await foo`) + assertAwaitDetection(`await foo`, `await _withAsyncContext(foo)`) }) test('variable', () => { - assertAwaitDetection(`const a = 1 + (await foo)`) + assertAwaitDetection( + `const a = 1 + (await foo)`, + `1 + (await _withAsyncContext(foo))` + ) }) test('ref', () => { - assertAwaitDetection(`ref: a = 1 + (await foo)`) + assertAwaitDetection( + `ref: a = 1 + (await foo)`, + `1 + (await _withAsyncContext(foo))` + ) }) test('nested statements', () => { - assertAwaitDetection(`if (ok) { await foo } else { await bar }`) + assertAwaitDetection(`if (ok) { await foo } else { await bar }`, code => { + return ( + code.includes(`await _withAsyncContext(foo)`) && + code.includes(`await _withAsyncContext(bar)`) + ) + }) }) test('should ignore await inside functions', () => { // function declaration - assertAwaitDetection(`async function foo() { await bar }`, false) + assertAwaitDetection( + `async function foo() { await bar }`, + `await bar`, + false + ) // function expression - assertAwaitDetection(`const foo = async () => { await bar }`, false) + assertAwaitDetection( + `const foo = async () => { await bar }`, + `await bar`, + false + ) // object method - assertAwaitDetection(`const obj = { async method() { await bar }}`, false) + assertAwaitDetection( + `const obj = { async method() { await bar }}`, + `await bar`, + false + ) // class method assertAwaitDetection( `const cls = class Foo { async method() { await bar }}`, + `await bar`, false ) }) diff --git a/packages/compiler-sfc/src/compileScript.ts b/packages/compiler-sfc/src/compileScript.ts index cfc5f8021ac..9347e996b50 100644 --- a/packages/compiler-sfc/src/compileScript.ts +++ b/packages/compiler-sfc/src/compileScript.ts @@ -900,6 +900,11 @@ export function compileScript( } if (node.type === 'AwaitExpression') { hasAwait = true + s.prependRight( + node.argument.start! + startOffset, + helper(`withAsyncContext`) + `(` + ) + s.appendLeft(node.argument.end! + startOffset, `)`) } } }) diff --git a/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts b/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts index c1e72ee4e6b..17d4e2988e8 100644 --- a/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts +++ b/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts @@ -1,9 +1,13 @@ import { + ComponentInternalInstance, defineComponent, + getCurrentInstance, h, nodeOps, + onMounted, render, - SetupContext + SetupContext, + Suspense } from '@vue/runtime-test' import { defineEmits, @@ -12,7 +16,8 @@ import { withDefaults, useAttrs, useSlots, - mergeDefaults + mergeDefaults, + withAsyncContext } from '../src/apiSetupHelpers' describe('SFC