Accept backtick string literals in tag/props properties

src/generators/Generator.ts

@@ -600,7 +600,7 @@ export default class Generator {
 				}
 
 				if (templateProperties.namespace) {
-					const ns = nodeToString(templateProperties.namespace);
+					const ns = nodeToString(templateProperties.namespace.value);
 					this.namespace = namespaces[ns] || ns;
 				}
 
@@ -619,7 +619,7 @@ export default class Generator {
 				}
 
 				if (templateProperties.props) {
-					this.props = templateProperties.props.value.elements.map((element: Node) => element.value);
+					this.props = templateProperties.props.value.elements.map((element: Node) => nodeToString(element));
 				}
 
 				if (templateProperties.setup) {
@@ -631,7 +631,7 @@ export default class Generator {
 				}
 
 				if (templateProperties.tag) {
-					this.tag = templateProperties.tag.value.value;
+					this.tag = nodeToString(templateProperties.tag.value);
 				}
 
 				if (templateProperties.transitions) {

src/utils/nodeToString.ts

@@ -1,11 +1,11 @@
 import { Node } from '../interfaces';
 
-export default function nodeToString(prop: Node) {
-	if (prop.value.type === 'Literal' && typeof prop.value.value === 'string') {
-		return prop.value.value;
-	} else if (prop.value.type === 'TemplateLiteral'
-	      && prop.value.quasis.length === 1
-	      && prop.value.expressions.length === 0) {
-		return prop.value.quasis[0].value.raw;
+export default function nodeToString(node: Node) {
+	if (node.type === 'Literal' && typeof node.value === 'string') {
+		return node.value;
+	} else if (node.type === 'TemplateLiteral'
+	      && node.quasis.length === 1
+	      && node.expressions.length === 0) {
+		return node.quasis[0].value.raw;
 	}
 }

src/validate/js/index.ts

@@ -78,7 +78,7 @@ export default function validateJs(validator: Validator, js: Node) {
 			});
 
 			if (props.has('namespace')) {
-				const ns = nodeToString(props.get('namespace'));
+				const ns = nodeToString(props.get('namespace').value);
 				validator.namespace = namespaces[ns] || ns;
 			}
 

src/validate/js/propValidators/namespace.ts

@@ -7,7 +7,7 @@ import { Node } from '../../../interfaces';
 const valid = new Set(namespaces.validNamespaces);
 
 export default function namespace(validator: Validator, prop: Node) {
-	const ns = nodeToString(prop);
+	const ns = nodeToString(prop.value);
 
 	if (typeof ns !== 'string') {
 		validator.error(

src/validate/js/propValidators/props.ts

@@ -1,5 +1,6 @@
 import { Validator } from '../../';
 import { Node } from '../../../interfaces';
+import nodeToString from '../../../utils/nodeToString';
 
 export default function props(validator: Validator, prop: Node) {
 	if (prop.value.type !== 'ArrayExpression') {
@@ -10,7 +11,7 @@ export default function props(validator: Validator, prop: Node) {
 	}
 
 	prop.value.elements.forEach((element: Node) => {
-		if (element.type !== 'Literal' || typeof element.value !== 'string') {
+		if (typeof nodeToString(element) !== 'string') {
 			validator.error(
 				`'props' must be an array of string literals`,
 				element

src/validate/js/propValidators/tag.ts

@@ -1,15 +1,16 @@
 import { Validator } from '../../';
 import { Node } from '../../../interfaces';
+import nodeToString from '../../../utils/nodeToString';
 
 export default function tag(validator: Validator, prop: Node) {
-	if (prop.value.type !== 'Literal' || typeof prop.value.value !== 'string') {
+	const tag = nodeToString(prop.value);
+	if (typeof tag !== 'string') {
 		validator.error(
 			`'tag' must be a string literal`,
 			prop.value
 		);
 	}
 
-	const tag = prop.value.value;
 	if (!/^[a-zA-Z][a-zA-Z0-9]*-[a-zA-Z0-9-]+$/.test(tag)) {
 		validator.error(
 			`tag name must be two or more words joined by the '-' character`,

test/validator/samples/properties-props-must-be-an-array/errors.json

@@ -0,0 +1,12 @@
+[{
+	"message": "'props' must be an array expression, if specified",
+	"loc": {
+		"line": 5,
+		"column": 9
+	},
+	"end": {
+		"line": 5,
+		"column": 11
+	},
+	"pos": 49
+}]

test/validator/samples/properties-props-must-be-an-array/input.html

@@ -0,0 +1,7 @@
+<div></div>
+
+<script>
+	export default {
+		props: {}
+	};
+</script>

test/validator/samples/properties-props-must-be-array-of-strings/errors.json

@@ -0,0 +1,12 @@
+[{
+	"message": "'props' must be an array of string literals",
+	"loc": {
+		"line": 5,
+		"column": 10
+	},
+	"end": {
+		"line": 5,
+		"column": 12
+	},
+	"pos": 50
+}]

test/validator/samples/properties-props-must-be-array-of-strings/input.html

@@ -0,0 +1,7 @@
+<div></div>
+
+<script>
+	export default {
+		props: [{}]
+	};
+</script>