feat(runtime-vapor): support svg and MathML by edison1105 · Pull Request #13703 · vuejs/core

edison1105 · 2025-07-25T08:11:17Z

coderabbitai · 2025-07-25T08:11:26Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch edison/feat/svgAndMathML

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

github-actions · 2025-07-25T08:12:20Z

Size Report

Bundles

File	Size	Gzip	Brotli
compiler-dom.global.prod.js	84.9 kB (-83 B)	29.8 kB (-35 B)	26.3 kB (+13 B)
runtime-dom.global.prod.js	107 kB	40.2 kB	36.2 kB
vue.global.prod.js	165 kB (-13 B)	60.1 kB (-3 B)	53.6 kB (+40 B)

Usages

Name	Size	Gzip	Brotli
createApp (CAPI only)	47.9 kB	18.7 kB	17.1 kB
createApp	57 kB	21.9 kB	20 kB
createApp + vaporInteropPlugin	90.6 kB (+206 B)	33.8 kB (+25 B)	30.6 kB (+74 B)
createVaporApp	34.3 kB (+312 B)	13.1 kB (+105 B)	12 kB (+100 B)
createSSRApp	61.3 kB	23.7 kB	21.6 kB
defineCustomElement	62.6 kB	23.6 kB	21.5 kB
overall	72.1 kB	27.3 kB	24.9 kB

pkg-pr-new · 2025-07-25T08:12:37Z

Open in StackBlitz

@vue/compiler-core

npm i https://pkg.pr.new/@vue/compiler-core@13703

@vue/compiler-dom

npm i https://pkg.pr.new/@vue/compiler-dom@13703

@vue/compiler-sfc

npm i https://pkg.pr.new/@vue/compiler-sfc@13703

@vue/compiler-ssr

npm i https://pkg.pr.new/@vue/compiler-ssr@13703

@vue/compiler-vapor

npm i https://pkg.pr.new/@vue/compiler-vapor@13703

@vue/reactivity

npm i https://pkg.pr.new/@vue/reactivity@13703

@vue/runtime-core

npm i https://pkg.pr.new/@vue/runtime-core@13703

@vue/runtime-dom

npm i https://pkg.pr.new/@vue/runtime-dom@13703

@vue/runtime-vapor

npm i https://pkg.pr.new/@vue/runtime-vapor@13703

@vue/server-renderer

npm i https://pkg.pr.new/@vue/server-renderer@13703

@vue/shared

npm i https://pkg.pr.new/@vue/shared@13703

vue

npm i https://pkg.pr.new/vue@13703

@vue/compat

npm i https://pkg.pr.new/@vue/compat@13703

commit: 785fdf2

packages/runtime-vapor/src/dom/template.ts

packages/compiler-dom/src/parserOptions.ts

packages/compiler-vapor/src/transform.ts

svg/math tags might be the root of a component

netlify · 2025-08-28T13:32:40Z

❌ Deploy Preview for vue-sfc-playground failed. Why did it fail? →

Name	Link
🔨 Latest commit	`b428617`
🔍 Latest deploy log	https://app.netlify.com/projects/vue-sfc-playground/deploys/68ec9610d15e4e0008ab1801

copied from vuejs/core#13703

feat(runtime-vapor): support svg and MathML

40b1e1e

edison1105 linked an issue Jul 25, 2025 that may be closed by this pull request

[Vapor] SVG elements with v-for are not rendered correctly #13689

Closed

edison1105 added version: minor scope: vapor related to vapor mode labels Jul 25, 2025

edison1105 added 6 commits July 25, 2025 17:09

wip: add tests

0d22bbc

wip: save

307baff

wip: save

2807a8b

wip: save

e2f84fc

chore: tweaks

4fcc739

test: update

1b28566

edison1105 marked this pull request as ready for review July 28, 2025 00:42

edison1105 marked this pull request as draft July 29, 2025 01:32

fix: improve namespace handling for SVG and MathML tags

fb4207c

edison1105 force-pushed the edison/feat/svgAndMathML branch from 12aa86c to fb4207c Compare July 29, 2025 01:51

edison1105 marked this pull request as ready for review July 29, 2025 02:05

alex-snezhko reviewed Aug 2, 2025

View reviewed changes

packages/runtime-vapor/src/dom/template.ts Outdated Show resolved Hide resolved

packages/compiler-dom/src/parserOptions.ts Show resolved Hide resolved

packages/compiler-vapor/src/transform.ts Show resolved Hide resolved

edison1105 added 4 commits August 3, 2025 10:29

refactor: move namespaces type and enum to shared package

8bc3286

fix: use Namespace type for namespace handling

d0da022

test: add tests for SVG/MATH tags without explicit root

1c9eb70

svg/math tags might be the root of a component

feat: enhance SVG support in dynamic props and attrs handling

ecef533

edison1105 added 2 commits August 28, 2025 21:32

Merge branch 'minor' into edison/feat/svgAndMathML

d6e69c5

chore: bump rollup

ad14055

edison1105 added this to Next Minor Sep 23, 2025

edison1105 moved this to Vapor in Next Minor Sep 23, 2025

edison1105 added 2 commits October 13, 2025 14:02

refactor: proper namespace using wrapping approach

b428617

chore: Merge branch 'minor' into edison/feat/svgAndMathML

277d57c

chore: Merge branch 'minor' into edison/feat/svgAndMathML

785fdf2

edison1105 merged commit f0d0cfd into minor Nov 10, 2025
22 of 23 checks passed

edison1105 deleted the edison/feat/svgAndMathML branch November 10, 2025 01:25

github-project-automation bot moved this from Vapor to Done in Next Minor Nov 10, 2025

edison1105 mentioned this pull request Nov 10, 2025

[Vapor] SVG elements with v-for are not rendered correctly #13689

Closed

zhiyuanzmj added a commit to vuejs/vue-jsx-vapor that referenced this pull request Jan 24, 2026

feat(compiler/vapor): support svg and MathML

98f47f4

copied from vuejs/core#13703

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(runtime-vapor): support svg and MathML#13703

feat(runtime-vapor): support svg and MathML#13703
edison1105 merged 17 commits intominorfrom
edison/feat/svgAndMathML

edison1105 commented Jul 25, 2025 •

edited

Loading

Uh oh!

coderabbitai bot commented Jul 25, 2025 •

edited

Loading

Review skipped

Uh oh!

github-actions bot commented Jul 25, 2025 •

edited

Loading

Uh oh!

pkg-pr-new bot commented Jul 25, 2025 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

netlify bot commented Aug 28, 2025 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

edison1105 commented Jul 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai bot commented Jul 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

github-actions bot commented Jul 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Size Report

Bundles

Usages

Uh oh!

pkg-pr-new bot commented Jul 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

netlify bot commented Aug 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

❌ Deploy Preview for vue-sfc-playground failed. Why did it fail? →

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

edison1105 commented Jul 25, 2025 •

edited

Loading

coderabbitai bot commented Jul 25, 2025 •

edited

Loading

github-actions bot commented Jul 25, 2025 •

edited

Loading

pkg-pr-new bot commented Jul 25, 2025 •

edited

Loading

netlify bot commented Aug 28, 2025 •

edited

Loading