Quote class property name in attributes.

jacobmischka · jacobmischka · commit b367cdac4061 · 2017-09-08T11:29:47.000-05:00
Fixes sveltejs#830
diff --git a/src/generators/dom/visitors/Element/Element.ts b/src/generators/dom/visitors/Element/Element.ts
@@ -257,6 +257,6 @@ function getClaimStatement(
 }
 
 function quoteProp(name: string) {
-	if (/[^a-zA-Z_$0-9]/.test(name)) return `"${name}"`;
+	if (/[^a-zA-Z_$0-9]/.test(name) || name === 'class') return `"${name}"`;
 	return name;
 }

Original file line number	Diff line number	Diff line change
`@@ -257,6 +257,6 @@ function getClaimStatement(`
`257`	`257`	`}`
`258`	`258`
`259`	`259`	`function quoteProp(name: string) {`
`260`		- if (/[^a-zA-Z_$0-9]/.test(name)) return `"${name}"`;
	`260`	+ if (/[^a-zA-Z_$0-9]/.test(name) \|\| name === 'class') return `"${name}"`;
`261`	`261`	`return name;`
`262`	`262`	`}`