biome format --write

src/components/shout_panel/shout_panel.js

@@ -1,54 +1,55 @@
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBullhorn,
-  faTimes
-} from '@fortawesome/free-solid-svg-icons'
+import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { useShoutStore } from 'src/stores/shout'
 
-library.add(
-  faBullhorn,
-  faTimes
-)
+library.add(faBullhorn, faTimes)
 
 const shoutPanel = {
   props: ['floating'],
-  data () {
+  data() {
     return {
       currentMessage: '',
       channel: null,
-      collapsed: true
+      collapsed: true,
     }
   },
   computed: {
-    messages () {
+    messages() {
       return useShoutStore().messages
-    }
+    },
   },
   methods: {
-    submit (message) {
+    submit(message) {
       useShoutStore().channel.push('new_msg', { text: message }, 10000)
       this.currentMessage = ''
     },
-    togglePanel () {
+    togglePanel() {
       this.collapsed = !this.collapsed
     },
-    userProfileLink (user) {
-      return generateProfileLink(user.id, user.username, this.$store.state.instance.restrictedNicknames)
-    }
+    userProfileLink(user) {
+      return generateProfileLink(
+        user.id,
+        user.username,
+        this.$store.state.instance.restrictedNicknames,
+      )
+    },
   },
   watch: {
-    messages () {
+    messages() {
       const scrollEl = this.$el.querySelector('.chat-window')
       if (!scrollEl) return
-      if (scrollEl.scrollTop + scrollEl.offsetHeight + 20 > scrollEl.scrollHeight) {
+      if (
+        scrollEl.scrollTop + scrollEl.offsetHeight + 20 >
+        scrollEl.scrollHeight
+      ) {
         this.$nextTick(() => {
           if (!scrollEl) return
           scrollEl.scrollTop = scrollEl.scrollHeight - scrollEl.offsetHeight
         })
       }
-    }
-  }
+    },
+  },
 }
 
 export default shoutPanel