fix(runtime-core): Fix cssVar cannot work in teleport

[tinyfind]

close: #7312
close: #7342

[skirtles-code]

Could you maybe explain how your proposed solution compares to the existing PRs for those two issues?

• fix(runtime-core): Fix cssvars reporting error when teleport is disabled #7341
• fix(runtime): CSSVars can work with Teleport #7344

[tinyfind]

discard use css attribute data-v-owner that cancel updateCssVars limit browser environment only, so #7341 get fixed
modify updateCssVars make cssVar can work in multilevel nesting teleport

core/packages/runtime-core/src/components/Teleport.ts

Line 401 in fe77e2b

// code path here can assume browser environment.

modify setVarsOnVNode add handle for Teleport vnode and use MutationObserver to trigger that #7342 get fixed

[tinyfind]

@sxzz can you help me to review.

[pikax]

@tinyfind can you provide answers for skirtles questions please?

Could you maybe explain how your proposed solution compares to the existing PRs for those two issues?

• fix(runtime-core): Fix cssvars reporting error when teleport is disabled #7341
• fix(runtime): CSSVars can work with Teleport #7344

[edison1105]

This is not the correct fix. The target of Teleport is often the body, and if we observe the body, the cost will be enormous. Therefore, this solution is not reasonable.