auch-das-funktioniert-nicht.json

module.exports =
content = [
	{
		"color": "primary",
		"label": "primary Button"
	},
	{
		"color": "secondary",
		"label": "secondary Button"
	},
	{
		"color": "success",
		"label": "success Button"
	},
	{
		"color": "info",
		"label": "info Button"
	},
	{
		"color": "warning",
		"label": "warning Button"
	},
	{
		"color": "danger",
		"label": "danger Button"
	},
	{
		"color": "light",
		"label": "light Button"
	},
	{
		"color": "dark",
		"label": "darkButton"
	},
	{
		"color": "link",
		"label": "link Button"
	}
]

ausgangslage.njk

<a href="#" class="btn btn-{{ color }}">{{ label }}</a>

funktioniert-auch-nicht.json

module.exports = [
	{
		"color": "primary",
		"label": "primary Button"
	},
	{
		"color": "secondary",
		"label": "secondary Button"
	},
	{
		"color": "success",
		"label": "success Button"
	},
	{
		"color": "info",
		"label": "info Button"
	},
	{
		"color": "warning",
		"label": "warning Button"
	},
	{
		"color": "danger",
		"label": "danger Button"
	},
	{
		"color": "light",
		"label": "light Button"
	},
	{
		"color": "dark",
		"label": "darkButton"
	},
	{
		"color": "link",
		"label": "link Button"
	}
]

funktioniert-nicht.json

{
	"content" : [
		{
			"color": "primary",
			"label": "primary Button"
		},
		{
			"color": "secondary",
			"label": "secondary Button"
		},
		{
			"color": "success",
			"label": "success Button"
		},
		{
			"color": "info",
			"label": "info Button"
		},
		{
			"color": "warning",
			"label": "warning Button"
		},
		{
			"color": "danger",
			"label": "danger Button"
		},
		{
			"color": "light",
			"label": "light Button"
		},
		{
			"color": "dark",
			"label": "darkButton"
		},
		{
			"color": "link",
			"label": "link Button"
		}
	]
}

schon-besser.njk

{% for item in content %}
<a href="#" class="btn btn-{{ item.color }}">{{ item.label }}</a>
{% endfor %}

Bei funktioniert-nicht.json wird ein "unexpected token" angemeckert, der Doppelpunkt:

`
button.data.js:2
"content" : [
^

SyntaxError: Unexpected token :
at createScript (vm.js:80:10)
`

Wenn ich aus "content": einfach content = mache, ist das syntaktisch korrekt, der Styleguide wird erzeugt, aber ich sehe keinen einzigen Button, der aus dem Array erzeugt werden sollte.