diff --git a/packages/runtime-vapor/src/components/Teleport.ts b/packages/runtime-vapor/src/components/Teleport.ts index ab900951d..040914ef9 100644 --- a/packages/runtime-vapor/src/components/Teleport.ts +++ b/packages/runtime-vapor/src/components/Teleport.ts @@ -25,18 +25,20 @@ import { renderEffect } from '../renderEffect' import { extend, isArray } from '@vue/shared' import { EffectScope, pauseTracking, resetTracking } from '@vue/reactivity' -export const teleportStack: TeleportFragment[] = [] +export const teleportStack: TeleportFragment[] = __DEV__ + ? ([] as TeleportFragment[]) + : (undefined as any) export const instanceToTeleportMap: WeakMap< VaporComponentInstance, TeleportFragment -> = __DEV__ ? new WeakMap() : (null as any) +> = __DEV__ ? new WeakMap() : (undefined as any) /** * dev only. - * when the **root** child component updates, synchronously update + * when the root child component updates, synchronously update * the TeleportFragment's children and nodes. */ -export function handleTeleportChildrenHmrReload( +export function handleTeleportRootComponentHmrReload( instance: VaporComponentInstance, newInstance: VaporComponentInstance, ): void { diff --git a/packages/runtime-vapor/src/hmr.ts b/packages/runtime-vapor/src/hmr.ts index ba6693604..d72800cf5 100644 --- a/packages/runtime-vapor/src/hmr.ts +++ b/packages/runtime-vapor/src/hmr.ts @@ -13,7 +13,7 @@ import { mountComponent, unmountComponent, } from './component' -import { handleTeleportChildrenHmrReload } from './components/Teleport' +import { handleTeleportRootComponentHmrReload } from './components/Teleport' export function hmrRerender(instance: VaporComponentInstance): void { const normalized = normalizeBlock(instance.block) @@ -55,5 +55,5 @@ export function hmrReload( ) simpleSetCurrentInstance(prev, instance.parent) mountComponent(newInstance, parent, anchor) - handleTeleportChildrenHmrReload(instance, newInstance) + handleTeleportRootComponentHmrReload(instance, newInstance) }