Update eslint (#4554)

Bumps [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) from 7.20.0 to 8.0.3.
- [Release notes](https://github.com/vuejs/eslint-plugin-vue/releases)
- [Commits](https://github.com/vuejs/eslint-plugin-vue/compare/v7.20.0...v8.0.3)

---
updated-dependencies:
- dependency-name: eslint-plugin-vue
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
* bump eslint to 8.11.0
* bump eslint-plugin-vue to 8.5.0
* disable eslint rule for multi-word component names. TODO enable it and follow conventions

Co-authored-by: Nikhil Mandlik <nikhil.k.mandlik@nasa.gov>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: John Hill <john.c.hill@nasa.gov>
Co-authored-by: unlikelyzero <jchill2@gmail.com>
Co-authored-by: Andrew Henry <akhenry@gmail.com>

src/plugins/plot/axis/XAxis.vue

@@ -21,12 +21,14 @@
 -->
 
 <template>
-<div v-if="loaded"
-     class="gl-plot-axis-area gl-plot-x has-local-controls"
+<div
+    v-if="loaded"
+    class="gl-plot-axis-area gl-plot-x has-local-controls"
 >
-    <mct-ticks :axis-type="'xAxis'"
-               :position="'left'"
-               @plotTickWidth="onTickWidthChange"
+    <mct-ticks
+        :axis-type="'xAxis'"
+        :position="'left'"
+        @plotTickWidth="onTickWidthChange"
     />
 
     <div
@@ -42,9 +44,10 @@
         class="gl-plot-x-label__select local-controls--hidden"
         @change="toggleXKeyOption()"
     >
-        <option v-for="option in xKeyOptions"
-                :key="option.key"
-                :value="option.key"
+        <option
+            v-for="option in xKeyOptions"
+            :key="option.key"
+            :value="option.key"
         >{{ option.name }}
         </option>
     </select>