1 files changed, 66 insertions, 66 deletions
diff --git a/app/assets/javascripts/sidebar/components/participants/participants.vue b/app/assets/javascripts/sidebar/components/participants/participants.vue
index 286a16f7bbf..11b5dbe5f8e 100644
--- a/app/assets/javascripts/sidebar/components/participants/participants.vue
+++ b/app/assets/javascripts/sidebar/components/participants/participants.vue
@@ -1,78 +1,78 @@
 <script>
-  import { __, n__, sprintf } from '~/locale';
-  import tooltip from '~/vue_shared/directives/tooltip';
-  import userAvatarImage from '~/vue_shared/components/user_avatar/user_avatar_image.vue';
+import { __, n__, sprintf } from '~/locale';
+import tooltip from '~/vue_shared/directives/tooltip';
+import userAvatarImage from '~/vue_shared/components/user_avatar/user_avatar_image.vue';
 
-  export default {
-    directives: {
-      tooltip,
+export default {
+  directives: {
+    tooltip,
+  },
+  components: {
+    userAvatarImage,
+  },
+  props: {
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false,
     },
-    components: {
-      userAvatarImage,
+    participants: {
+      type: Array,
+      required: false,
+      default: () => [],
     },
-    props: {
-      loading: {
-        type: Boolean,
-        required: false,
-        default: false,
-      },
-      participants: {
-        type: Array,
-        required: false,
-        default: () => [],
-      },
-      numberOfLessParticipants: {
-        type: Number,
-        required: false,
-        default: 7,
-      },
+    numberOfLessParticipants: {
+      type: Number,
+      required: false,
+      default: 7,
     },
-    data() {
-      return {
-        isShowingMoreParticipants: false,
-      };
+  },
+  data() {
+    return {
+      isShowingMoreParticipants: false,
+    };
+  },
+  computed: {
+    lessParticipants() {
+      return this.participants.slice(0, this.numberOfLessParticipants);
     },
-    computed: {
-      lessParticipants() {
-        return this.participants.slice(0, this.numberOfLessParticipants);
-      },
-      visibleParticipants() {
-        return this.isShowingMoreParticipants ? this.participants : this.lessParticipants;
-      },
-      hasMoreParticipants() {
-        return this.participants.length > this.numberOfLessParticipants;
-      },
-      toggleLabel() {
-        let label = '';
-        if (this.isShowingMoreParticipants) {
-          label = __('- show less');
-        } else {
-          label = sprintf(__('+ %{moreCount} more'), {
-            moreCount: this.participants.length - this.numberOfLessParticipants,
-          });
-        }
+    visibleParticipants() {
+      return this.isShowingMoreParticipants ? this.participants : this.lessParticipants;
+    },
+    hasMoreParticipants() {
+      return this.participants.length > this.numberOfLessParticipants;
+    },
+    toggleLabel() {
+      let label = '';
+      if (this.isShowingMoreParticipants) {
+        label = __('- show less');
+      } else {
+        label = sprintf(__('+ %{moreCount} more'), {
+          moreCount: this.participants.length - this.numberOfLessParticipants,
+        });
+      }
 
-        return label;
-      },
-      participantLabel() {
-        return sprintf(
-          n__('%{count} participant', '%{count} participants', this.participants.length),
-          { count: this.loading ? '' : this.participantCount },
-        );
-      },
-      participantCount() {
-        return this.participants.length;
-      },
+      return label;
+    },
+    participantLabel() {
+      return sprintf(
+        n__('%{count} participant', '%{count} participants', this.participants.length),
+        { count: this.loading ? '' : this.participantCount },
+      );
+    },
+    participantCount() {
+      return this.participants.length;
+    },
+  },
+  methods: {
+    toggleMoreParticipants() {
+      this.isShowingMoreParticipants = !this.isShowingMoreParticipants;
     },
-    methods: {
-      toggleMoreParticipants() {
-        this.isShowingMoreParticipants = !this.isShowingMoreParticipants;
-      },
-      onClickCollapsedIcon() {
-        this.$emit('toggleSidebar');
-      },
+    onClickCollapsedIcon() {
+      this.$emit('toggleSidebar');
     },
-  };
+  },
+};
 </script>
 
 <template>