VS-code iViewのx-invalid-end-tagエラーの修正方法

晩上、コードを書いている最中に、eslint のチェッカーのエラーに遭遇しました：

<!-- 以下のコード -->
<Col>
  <Button>test</Button>
</Col>

<!-- 以下のエラーが報告されました -->
`Parsing error: x-invalid-end-tag  vue/no-parsing-error`

Eslint-Plugin-VueとVeturのドキュメントを調べながら、ついに次の説明を見つけました：

1297877056

手順は以下の通りです：

VS Code の設定を開き、vetur.validation.templateを検索してオフにします（false に設定します）。
.eslintrcファイルのルールを変更します。もし以前にインストールしていない場合は、eslint-plugin-vueを再インストールし、プロンプトが.eslintrcファイルから表示されることを確認してください。
.eslintrcの設定は以下のようになります：

{
  "extends": [
    "eslint:recommended",
    "plugin:vue/recommended"
  ],
  "rules": {
    "vue/html-self-closing": "off",
    "vue/no-parsing-error": [ 2, {
      "x-invalid-end-tag": false
    }]
  }
}

最後に VS Code を再起動して、作業完了です！

以下は参考にした記事のリンクです：

—EOF—