chore: Update self-closing tag eslint config (#4826)

* chore: Fix self-closing tag issues

* Fix merge conflicts

Co-authored-by: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>

app/javascript/shared/components/Button.vue

@@ -5,7 +5,7 @@
     :disabled="disabled"
     @click="onClick"
   >
-    <slot></slot>
+    <slot />
   </button>
 </template>
 <script>

app/javascript/shared/components/Spinner.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="spinner" :class="size"></span>
+  <span class="spinner" :class="size" />
 </template>
 <script>
 export default {

app/javascript/shared/components/ui/MultiselectDropdownItems.vue

@@ -43,8 +43,7 @@
                   <fluent-icon
                     v-if="option.id === (selectedItem && selectedItem.id)"
                     icon="checkmark"
-                  >
-                  </fluent-icon>
+                  />
                 </div>
               </div>
             </woot-button>

app/javascript/shared/components/ui/dropdown/DropdownDivider.vue

@@ -1,9 +1,5 @@
 <template>
-  <li
-    class="dropdown-menu--divider"
-    :tabindex="null"
-    :aria-disabled="true"
-  ></li>
+  <li class="dropdown-menu--divider" :tabindex="null" :aria-disabled="true" />
 </template>
 <script>
 export default {};

app/javascript/shared/components/ui/dropdown/DropdownItem.vue

@@ -7,7 +7,7 @@
     :tabindex="disabled ? null : -1"
     :aria-disabled="disabled"
   >
-    <slot></slot>
+    <slot />
   </li>
 </template>
 <script>

app/javascript/shared/components/ui/dropdown/DropdownMenu.vue

@@ -4,7 +4,7 @@
     class="dropdown menu vertical"
     :class="[placement && `dropdown--${placement}`]"
   >
-    <slot></slot>
+    <slot />
   </ul>
 </template>
 <script>

app/javascript/shared/components/ui/dropdown/DropdownSubMenu.vue

@@ -2,7 +2,7 @@
   <li class="sub-menu-container">
     <ul class="sub-menu-li-container">
       <woot-dropdown-header :title="title" />
-      <slot></slot>
+      <slot />
     </ul>
   </li>
 </template>

app/javascript/shared/mixins/specs/MockComponent.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="test"></div>
+  <div class="test" />
 </template>
 
 <script>