VSCodeのESLint拡張機能の自動整形で、.js内部のvue記述を整形したいです

前提・実現したいこと

VSCodeのESLintを拡張機能にて、自動整形をプロジェクトに導入しています。
.eslintrc.jsonに"plugin:vue/recommended"を入れ込んでおり、eslintvue/order-in-componentsのルールが各所にかかる(ファイル保存時に自動で整形される)ことを期待しています。

発生している問題・エラーメッセージ

.vueファイルについては保存時に自動整形されており、期待通りの動作を確認できています。
.jsファイルに記載しているvue記述については警告が出るのみで、整形がかかりません。

該当のソースコード

json
1{
2  "extends": [
3    "plugin:vue/recommended"
4  ],
5  "env": {
6    "browser": true,
7    "es6": true
8  },
9  "parserOptions": {},
10  "rules": {}
11}
12

javascript
1import Vue from 'vue'
2export default () => {
3  new Vue({
4    el: '#xxx',
5    components: {},
6    data() {
7      return {}
8    },
9    mounted() {},
10    beforeDestroy() {},
11    watch: { ←ここのwatchに警告は出るが保存時に順番が入れ替わらない。.vueファイルでは問題なく動作する。
12      $route() {}
13    }
14...