More complete regex for element attribute name validation

src/compiler/compile/nodes/Element.ts

@@ -379,7 +379,7 @@ export default class Element extends Node {
 			}
 
 
-			if (/[{}]/.test(name)) {
+			if (/(^[0-9-.])|[\^$@%&#?!|()\[\]{}^*+~;]/.test(name)) {
 				component.error(attribute, {
 					code: `illegal-attribute`,
 					message: `'${name}' is not a valid attribute name`,

test/validator/samples/attribute-invalid-name-2/errors.json

@@ -1,6 +1,6 @@
 [{
 	"code": "illegal-attribute",
-	"message": "'a}a' is not a valid attribute name",
+	"message": "'3aa' is not a valid attribute name",
 	"start": {
 		"line": 1,
 		"column": 3,
@@ -8,8 +8,8 @@
 	},
 	"end": {
 		"line": 1,
-		"column": 6,
+		"column": 12,
-		"character": 6
+		"character": 12
 	},
 	"pos": 3
 }]

test/validator/samples/attribute-invalid-name-2/input.svelte

@@ -1 +1 @@
-<p a}a>Test</p>
+<p 3aa="abc">Test</p>

test/validator/samples/attribute-invalid-name-3/errors.json

@@ -1,7 +1,6 @@
-[
+[{
-{
 	"code": "illegal-attribute",
-	"message": "'a{a' is not a valid attribute name",
+	"message": "'a*a' is not a valid attribute name",
 	"start": {
 		"line": 1,
 		"column": 3,

test/validator/samples/attribute-invalid-name-3/input.svelte

@@ -1 +1 @@
-<p a{a>Test</p>
+<p a*a>Test</p>

test/validator/samples/attribute-invalid-name-4/errors.json

@@ -1,6 +1,6 @@
 [{
 	"code": "illegal-attribute",
-	"message": "'}a' is not a valid attribute name",
+	"message": "'-a' is not a valid attribute name",
 	"start": {
 		"line": 1,
 		"column": 3,

test/validator/samples/attribute-invalid-name-4/input.svelte

@@ -1 +1 @@
-<p }a>Test</p>
+<p -a>Test</p>

test/validator/samples/attribute-invalid-name-5/errors.json

@@ -1,6 +1,6 @@
 [{
 	"code": "illegal-attribute",
-	"message": "'a}' is not a valid attribute name",
+	"message": "'a;' is not a valid attribute name",
 	"start": {
 		"line": 1,
 		"column": 3,
@@ -8,8 +8,8 @@
 	},
 	"end": {
 		"line": 1,
-		"column": 5,
+		"column": 11,
-		"character": 5
+		"character": 11
 	},
 	"pos": 3
 }]

test/validator/samples/attribute-invalid-name-5/input.svelte

@@ -1 +1 @@
-<p a}>Test</p>
+<p a;="abc">Test</p>