fix(compiler-sfc): ignore style comment in transform stage

[rudyxu1102]

Fix #6807

[zhangzhonghe]

The behavior of the compile seems like it's not a bug.

I think it would be better to fix it here:

core/packages/runtime-dom/src/modules/style.ts

Lines 40 to 66 in 85af139

	function setStyle(
	style: CSSStyleDeclaration,
	name: string,
	val: string | string[]
	) {
	if (isArray(val)) {
	val.forEach(v => setStyle(style, name, v))
	} else {
	if (val == null) val = ''
	if (name.startsWith('--')) {
	// custom property definition
	style.setProperty(name, val)
	} else {
	const prefixed = autoPrefix(style, name)
	if (importantRE.test(val)) {
	// !important
	style.setProperty(
	hyphenate(prefixed),
	val.replace(importantRE, ''),
	'important'
	)
	} else {
	style[prefixed as any] = val
	}
	}
	}
	}

[rudyxu1102]

The behavior of the compile seems like it's not a bug.

I think it would be better to fix it here:

core/packages/runtime-dom/src/modules/style.ts

Lines 40 to 66 in 85af139

	function setStyle(
	style: CSSStyleDeclaration,
	name: string,
	val: string | string[]
	) {
	if (isArray(val)) {
	val.forEach(v => setStyle(style, name, v))
	} else {
	if (val == null) val = ''
	if (name.startsWith('--')) {
	// custom property definition
	style.setProperty(name, val)
	} else {
	const prefixed = autoPrefix(style, name)
	if (importantRE.test(val)) {
	// !important
	style.setProperty(
	hyphenate(prefixed),
	val.replace(importantRE, ''),
	'important'
	)
	} else {
	style[prefixed as any] = val
	}
	}
	}
	}

Thanks, it's a good point. But I still think the compiler should know this is a comment, not a property of style.

[sxzz]

PR title: tranform -> transform

[netlify]

❌ Deploy Preview for vuejs-coverage failed.

Name	Link
🔨 Latest commit	00bbd29
🔍 Latest deploy log	https://app.netlify.com/sites/vuejs-coverage/deploys/6369ced11e175f00084724dd