Vue version

3.2.5

Link to minimal reproduction

https://sfc.vuejs.org/#eNptUk1PwzAM/StROAASa7fxcZgKEgKJCzeuvYTObTPSJEqcDZj233GyrvtgvdR+z3l+Trzmz9ZmywB8xguEziqB8FRqxgq/bNhKzrF9LPl0PC45a0E2Le7SVFViUUuF4JicE+GD7on4FTW8yroOHt7jQakbJjVVfZjgKnhzwrayIl0HPqioq2IZAelP5aPKKOOIWLUS4UC51/YoNCZtJn5lF5LXh2gVFCwFShPb3Ucg37vK/9ki7sDzi+ms8bHh0I2dNX7MT/cDHBLGghOYphBOYtsBnp79mhA5OcGiHBk/wm7PYHdbbBiQxksP0qc9WElXKWDRRbqO6nuIfnYRnVMUO5hvExKhNDh1dXlBD3t5PXQpcloOiop8WBl+wyVdm8NRJ2y28EbTRq3TivSEL/mMJSRitHIxL3mLaP0sz31dxT1c+My4Jqcoc0Gj7CAD340+nVl5cCS8HX9T6g3f/AH0F9Uk

Steps to reproduce

See the log output and note the [Vue warn]: Failed to resolve component: feDistantLight message.

What is expected?

The feDistantLight should be recognized as a native SVG tag.

What is actually happening?

The feDistantLight seems to be mistaken as a component.

System Info

System:
    OS: Linux 6.1 Arch Linux
    CPU: (12) x64 AMD Ryzen 5 PRO 4650U with Radeon Graphics
    Memory: 10.55 GB / 30.58 GB
    Container: Yes
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.13.0 - /usr/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 8.19.2 - /usr/bin/npm
  Browsers:
    Chromium: 109.0.5414.74
    Firefox: 108.0.2
  npmPackages:
    vue: ^3.2.45 => 3.2.45

Any additional comments?

I believe the problem originates in the domTagConfig.ts which contains an SVG tag called feDistanceLight instead of feDistantLight (distance vs distant). I’m not aware of a feDistanceLight SVG tag and believe this is a simple typo.

Maybe it's a problem with a misspelled word wdyt? @LinusBorg

Yep, sure looks like it. Just send a PR :)