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/ui/layout/BrowseBar.vue

@@ -11,11 +11,13 @@
             class="l-browse-bar__object-name--w c-object-label"
             :class="[statusClass]"
         >
-            <div class="c-object-label__type-icon"
-                 :class="type.cssClass"
+            <div
+                class="c-object-label__type-icon"
+                :class="type.cssClass"
             >
-                <span class="is-status__indicator"
-                      :title="`This item is ${status}`"
+                <span
+                    class="is-status__indicator"
+                    :title="`This item is ${status}`"
                 ></span>
             </div>
             <span
@@ -38,10 +40,11 @@
             :views="views"
         />
         <!-- Action buttons -->
-        <NotebookMenuSwitcher v-if="notebookEnabled"
-                              :domain-object="domainObject"
-                              :object-path="openmct.router.path"
-                              class="c-notebook-snapshot-menubutton"
+        <NotebookMenuSwitcher
+            v-if="notebookEnabled"
+            :domain-object="domainObject"
+            :object-path="openmct.router.path"
+            class="c-notebook-snapshot-menubutton"
         />
         <div class="l-browse-bar__actions">
             <button

src/ui/layout/CreateButton.vue

@@ -1,6 +1,7 @@
 <template>
-<div ref="createButton"
-     class="c-create-button--w"
+<div
+    ref="createButton"
+    class="c-create-button--w"
 >
     <button
         class="c-create-button c-button--menu c-button--major icon-plus"

src/ui/layout/pane.vue

@@ -17,8 +17,9 @@
         @mousedown="start"
     ></div>
     <div class="l-pane__header">
-        <span v-if="label"
-              class="l-pane__label"
+        <span
+            v-if="label"
+            class="l-pane__label"
         >{{ label }}</span>
         <slot name="controls"></slot>
         <button

src/ui/layout/status-bar/NotificationBanner.vue

@@ -29,9 +29,10 @@
     @click="maximize()"
 >
     <span class="c-message-banner__message">{{ activeModel.message }}</span>
-    <span v-if="haslink"
-          class="c-message-banner__message"
-          :class="[haslink ? getLinkProps.cssClass : '']"
+    <span
+        v-if="haslink"
+        class="c-message-banner__message"
+        :class="[haslink ? getLinkProps.cssClass : '']"
     >{{ getLinkProps.text }}</span>
 
     <progress-bar