lint

src/components/status_action_buttons/action_button.vue

@@ -67,13 +67,12 @@
     <span
       v-if="!extra && button.name === 'bookmark'"
       class="separator"
-    >
-    </span>
+    />
     <Popover
+      v-if="button.name === 'bookmark'"
       trigger="hover"
       :placement="extra ? 'right' : 'top'"
       :trigger-attrs="{ class: 'extra-button' }"
-      v-if="button.name === 'bookmark'"
     >
       <template #trigger>
         <FAIcon
@@ -84,13 +83,16 @@
         />
       </template>
       <template #content>
-        <StatusBookmarkFolderMenu v-if="button.name === 'bookmark'" :status="status" />
+        <StatusBookmarkFolderMenu
+          v-if="button.name === 'bookmark'"
+          :status="status"
+        />
       </template>
     </Popover>
 
     <EmojiPicker
-      ref="picker"
       v-if="button.name === 'emoji'"
+      ref="picker"
       :enable-sticker-picker="false"
       :hide-custom-emoji="hideCustomEmoji"
       class="emoji-picker-panel"
@@ -99,6 +101,6 @@
   </div>
 </template>
 
-<script src="./action_button.js"/>
+<script src="./action_button.js" />
 
-<style lang="scss" src="./action_button.scss"/>
+<style lang="scss" src="./action_button.scss" />

src/components/status_action_buttons/action_button_container.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
     <Popover
+      v-if="button.dropdown?.()"
       trigger="hover"
       :placement="$attrs.extra ? 'right' : 'top'"
-      v-if="button.dropdown?.()"
     >
       <template #trigger>
         <ActionButton
@@ -15,8 +15,8 @@
       <template #content>
         <div
           v-if="button.name === 'mute'"
-          class="dropdown-menu"
           :id="`popup-menu-${randomSeed}`"
+          class="dropdown-menu"
           role="menu"
         >
           <div class="menu-item dropdown-item extra-action -icon">
@@ -24,7 +24,10 @@
               class="main-button"
               @click="toggleUserMute"
             >
-              <FAIcon icon="user" fixed-width />
+              <FAIcon
+                icon="user"
+                fixed-width
+              />
               <template v-if="userIsMuted">
                 {{ $t('status.unmute_user') }}
               </template>
@@ -38,7 +41,10 @@
               class="main-button"
               @click="toggleUserMute"
             >
-              <FAIcon icon="folder-tree" fixed-width />
+              <FAIcon
+                icon="folder-tree"
+                fixed-width
+              />
               <template v-if="threadIsMuted">
                 {{ $t('status.unmute_conversation') }}
               </template>
@@ -52,7 +58,10 @@
               class="main-button"
               @click="toggleDomainMute"
             >
-              <FAIcon icon="globe" fixed-width />
+              <FAIcon
+                icon="globe"
+                fixed-width
+              />
               <template v-if="domainIsMuted">
                 {{ $t('status.unmute_domain') }}
               </template>
@@ -72,22 +81,22 @@
     />
     <teleport to="#modal">
       <mute-confirm
-        type="conversation"
-        :status="this.status"
         ref="confirmConversation"
+        type="conversation"
+        :status="status"
       />
       <mute-confirm
-        type="domain"
-        :user="this.user"
         ref="confirmDomain"
+        type="domain"
+        :user="user"
       />
       <mute-confirm
-        type="user"
-        :user="this.user"
         ref="confirmUser"
+        type="user"
+        :user="user"
       />
     </teleport>
   </div>
 </template>
 
-<script src="./action_button_container.js"/>
+<script src="./action_button_container.js" />

src/components/status_action_buttons/status_action_buttons.vue

@@ -2,17 +2,17 @@
   <div class="StatusActionButtons">
     <span class="quick-action-buttons">
       <span
-        class="quick-action"
-        :class="{ '-pin': showPin, '-toggle': button.dropdown?.() }"
         v-for="button in quickButtons"
         :key="button.name"
+        class="quick-action"
+        :class="{ '-pin': showPin, '-toggle': button.dropdown?.() }"
       >
         <ActionButtonContainer
           :class="{ '-pin': showPin }"
           :button="button"
           :status="status"
           :extra="false"
-          :funcArg="funcArg"
+          :func-arg="funcArg"
           :get-class="getClass"
           :get-component="getComponent"
           :close="() => {}"
@@ -80,7 +80,7 @@
                 :button="button"
                 :status="status"
                 :extra="true"
-                :funcArg="funcArg"
+                :func-arg="funcArg"
                 :get-class="getClass"
                 :get-component="getComponent"
                 :close="close"