VSCodeでvue-property-decorator使用時のsnippet作成

vue-property-decoratorの使用時にVSCode拡張機能のVeturのsnippetがいい感じに機能してくれないので作成。

macの場合

1. Code->基本設定->ユーザースニペットからvue-htmlを選択
2. 以下のjsonを貼り付けて保存

{
	"vue-property-decorator": {
		"prefix": "vpd",
		"body": [
			"<template>",
			"\t$0",
			"</template>",
			"",
			"<script lang=\"ts\">",
			"import { Vue, Component } from 'vue-property-decorator'",
			"",
			"@Component",
			"export default class $TM_FILENAME_BASE extends Vue {}",
			"</script>",
			"",
			"<style lang=\"scss\" scoped></style>",
			""
		],
		"description": "vue-property-decorator snippet"
	}
}

vueファイル上でvpdをタイプするとスニペットが出てきます。

確認してませんがWindowsも同じ手順で設定できると思います。
細かい部分は自分好みに修正すると良いと思います。