【Vue.js】JetBrains製IDEで.vueファイルのインデントを設定する

.vueファイルを2文字インデントに設定しようとして詰まったので書きます。
ideaには.vueファイルのインデント幅設定がありません。
HTMLやJavaScriptの方のインデントを設定しても反映されませんでした。

設定方法

Preferences > Editor > Code Style > Other File TypesにTab size: 2、Indent: 2を設定すると2文字インデントになります。
f:id:wrongwrongwrongwrong163377:20181214142347p:plain

問題点

当然ですが、.vue以外のファイルも2文字インデントになってしまいます。
何かいい設定方法が有れば教えてください。。。