Prettierで.vueをフォーマット

Prettierのv1.10でVueのsingle file componentをformatできるようになりました。

それまではeslintででたエラーを人手でポチポチ直してたのでこの辺りが自動化できるのは最高です。

やることはすでにprettier導入済みであれば*.vueを対象のファイルにいれるだけです。

// package.json

"format": "./node_modules/.bin/prettier --write \"js/**/*.{js,vue}\"",

lint-stagedを使ってprecommit hookしてる場合も同様です

  "lint-staged": {
    "gitDir": "../",
    "*.{js,vue}": [
      "yarn format",
      "git add"
    ],