vue+typescript+vscodeで「Experimental support for decorators…」のエラーを直す

TL;DR

tsconfig.json

{
  "compilerOptions": {
    "experimentalDecorators": true
  }
}

ワークスペースのトップディレクトリに上記のファイルを追加しvscodeを再起動する。

原因

vue+typescriptで開発していると以下のようなエラーが発生する時があります。

発生するとしないときがあり、鬱陶しかったので調べたところ、ワークスペースのトップディレクトリのtsconfig.jsonのcompilerOptions.experimentalDecoratorsがtrueではないことが原因らしいです。

vue-cliではなく、parcelで開発していても発生するかもしれません。(tsconfig.jsonが自動生成されないため)

参考

• vue.js - TypeScript、Vue、experimentalDecorators - スタックオーバーフロー