Как настроить сложный сниппет vscode?

Question

[Gretiy]

Здравствуйте, если написать
div.mydiv и нажать таб вы получите <div class="mydiv"></div>
Но я хочу добавить снипет
чтоб набрав
div:mydiv получилось <div :class="$style['mydiv']"></div>
Как это сделать
Можно сделать снипет на одно слово

{
	"i18n": {
		"prefix": "i18n",
		"body": [
			"<i18n>"
			"{"
				"	\"$0\": {"
				"		\"$1\": \"$2\","
				"	},"
			"}"
			"</i18n>"
		],
		"description": "i18n"
	}
}

, но как на два