Parcel lowercasing Vue attributes

[andrewbanchich]

🐛 bug report

I noticed that my logo component in Vue is huge when I run parcel index.html. I looked at both the Webpack output code and the Parcel output code and the only thing that was different was that Parcel caused my SVG's viewBox attribute to be all lowercase (viewbox) which breaks it (at least in the latest version of FireFox).

After testing it out some more, I noticed it doesn't change the capitalization when I remove the use elements and xlink.

🎛 Configuration (.babelrc, package.json, cli command)

{
	"presets": [
		["env", {
			"modules": false,
			"targets": {
				"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
			}
		}],
		"stage-2"
	],
	"plugins": [
		"transform-runtime"
	],
	"env": {
		"test": {
			"presets": ["env", "stage-2"],
			"plugins": ["istanbul"]
		}
	}
}

[Hammster]

Can confirm this issue.

Input HTML:

<scriptViewBlock class="scriptview-block scriptview" @click="setSelection(object.Id)" v-bind:isLast="false" v-bind:isSelected="isSelected(object.Id)"></scriptViewBlock>

Parsed AST (isselected property name turned lowercase):

{
    "tag": "scriptViewBlock",
    "attrs": {
        "class": "scriptview-block scriptview",
        "@click": "setSelection(object.Id)",
        "v-bind:islast": "false",
        "v-bind:isselected": "isSelected(object.Id)"
    }
}

Result HTML:

<scriptViewBlock class="scriptview-block scriptview" @click="setSelection(object.Id)" v-bind:islast="false" v-bind:isselected="isSelected(object.Id)"></scriptViewBlock>