automatic lint fixes (#14942)

* automatic lint fixes

* rerun lint

---------

Co-authored-by: negue <eugen.bolz@gmail.com>

website/client/src/components/groups/groupPlan.vue

@@ -4,12 +4,18 @@
     <group-plan-creation-modal />
     <div>
       <div class="header">
-        <h1 v-once class="text-center">
+        <h1
+          v-once
+          class="text-center"
+        >
           {{ $t('groupPlanTitle') }}
         </h1>
         <div class="row">
           <div class="col-8 offset-2 text-center">
-            <h2 v-once class="sub-text">
+            <h2
+              v-once
+              class="sub-text"
+            >
               {{ $t('groupBenefitsDescription') }}
             </h2>
           </div>
@@ -24,8 +30,12 @@
                 src="~@/assets/images/group-plans/group-14@3x.png"
               >
               <hr>
-              <h2 v-once> {{ $t('teamBasedTasks') }} </h2>
-              <p v-once> {{ $t('teamBasedTasksListDesc') }} </p>
+              <h2 v-once>
+                {{ $t('teamBasedTasks') }}
+              </h2>
+              <p v-once>
+                {{ $t('teamBasedTasksListDesc') }}
+              </p>
             </div>
           </div>
           <div class="col-4">
@@ -35,8 +45,12 @@
                 src="~@/assets/images/group-plans/group-12@3x.png"
               >
               <hr>
-              <h2 v-once> {{ $t('groupManagementControls') }} </h2>
-              <p v-once> {{ $t('groupManagementControlsDesc') }} </p>
+              <h2 v-once>
+                {{ $t('groupManagementControls') }}
+              </h2>
+              <p v-once>
+                {{ $t('groupManagementControlsDesc') }}
+              </p>
             </div>
           </div>
           <div class="col-4">
@@ -46,8 +60,12 @@
                 src="~@/assets/images/group-plans/group-13@3x.png"
               >
               <hr>
-              <h2 v-once> {{ $t('inGameBenefits') }} </h2>
-              <p v-once> {{ $t('inGameBenefitsDesc') }} </p>
+              <h2 v-once>
+                {{ $t('inGameBenefits') }}
+              </h2>
+              <p v-once>
+                {{ $t('inGameBenefitsDesc') }}
+              </p>
             </div>
           </div>
         </div>

website/client/src/components/groups/lookingForParty.vue

@@ -6,13 +6,23 @@
         class="fit-content mx-auto mt-4"
       >
         <div class="d-flex align-items-center">
-          <h1 v-once class="my-auto mr-auto"> {{ $t('findPartyMembers') }}</h1>
+          <h1
+            v-once
+            class="my-auto mr-auto"
+          >
+            {{ $t('findPartyMembers') }}
+          </h1>
           <div
             class="btn btn-secondary btn-sync ml-auto my-auto pl-2 pr-3 d-flex"
             @click="refreshList()"
           >
-            <div class="svg-icon icon-16 color my-auto mr-2" v-html="icons.sync"></div>
-            <div class="ml-auto"> {{ $t('refreshList') }} </div>
+            <div
+              class="svg-icon icon-16 color my-auto mr-2"
+              v-html="icons.sync"
+            ></div>
+            <div class="ml-auto">
+              {{ $t('refreshList') }}
+            </div>
           </div>
         </div>
         <div class="d-flex flex-wrap seeker-list">
@@ -24,9 +34,9 @@
             <div class="d-flex">
               <avatar
                 :member="seeker"
-                :hideClassBadge="true"
-                @click.native="showMemberModal(seeker._id)"
+                :hide-class-badge="true"
                 class="mr-3 mb-2"
+                @click.native="showMemberModal(seeker._id)"
               />
               <div class="card-data">
                 <user-link
@@ -54,26 +64,32 @@
                   </strong>
                 </div>
                 <div>
-                  <strong v-once class="mr-2"> {{ $t('checkinsLabel') }} </strong>
+                  <strong
+                    v-once
+                    class="mr-2"
+                  > {{ $t('checkinsLabel') }} </strong>
                   {{ seeker.loginIncentives }}
                 </div>
                 <div>
-                  <strong v-once class="mr-2"> {{ $t('languageLabel') }} </strong>
+                  <strong
+                    v-once
+                    class="mr-2"
+                  > {{ $t('languageLabel') }} </strong>
                   {{ displayLanguage(seeker.preferences.language) }}
                 </div>
               </div>
             </div>
             <strong
               v-if="!seeker.invited"
-              @click="inviteUser(seeker._id, index)"
               class="btn btn-primary w-100"
+              @click="inviteUser(seeker._id, index)"
             >
               {{ $t('inviteToParty') }}
             </strong>
             <div
               v-else
-              @click="rescindInvite(seeker._id, index)"
               class="btn btn-success w-100"
+              @click="rescindInvite(seeker._id, index)"
               v-html="$t('invitedToYourParty')"
             >
             </div>
@@ -95,7 +111,6 @@
             class="svg-icon icon-32 color m-auto"
             v-html="icons.users"
           >
-
           </div>
         </div>
         <strong class="mb-1"> {{ $t('findMorePartyMembers') }} </strong>

website/client/src/components/groups/membersModal.vue

@@ -49,7 +49,7 @@
               key-prop="value"
               @select="changeSortOption($event)"
             >
-              <template v-slot:item="{ item }">
+              <template #item="{ item }">
                 <span
                   v-if="item"
                   class="label"
@@ -64,7 +64,7 @@
               key-prop="value"
               @select="changeSortDirection($event)"
             >
-              <template v-slot:item="{ item }">
+              <template #item="{ item }">
                 <span
                   v-if="item"
                   class="label"

website/client/src/components/groups/rightSidebar.vue

@@ -23,7 +23,7 @@
             class="ml-2"
             :no-caret="true"
           >
-            <template v-slot:button-content>
+            <template #button-content>
               <span
                 v-once
                 class="svg-icon inline menuIcon"