Home

Issue: 1460

SVG codes inside .vue file do not work on 1.0.0-rc3..

[issue link]

The SVG are being messed on the browser after updating to 1.0.0-rc3
I have no problem embedding the SVG as an image but when I use the svg code directly inside the <template> in the .vue file it would display all messed up on the browser.

Here is the errors I’m getting:

...
Error: <path> attribute d: Expected path command, "…,1.8,1.4,1.4,2.5\\n          c-0.…".
Error: <path> attribute d: Expected path command, "…-1.8-1.4-1.4-2.5\\n          c0.2…".
...

This used to work on Nuxt v0.10.7
I even tried to add the svg code in a .vue file with latest vue/webpack template and it worked all fine
So I think the issue here is from Nuxt.

I also noticed adding <?xml version="1.0" encoding="utf-8"?> inside <svg>...</svg> tags would make it work but the messed up svg paths would be flashed at first and with more errors/warning as well

Peace

This question is available on Nuxt.js community (#c1299)