biome format --write

src/components/status_popover/status_popover.js

@@ -3,49 +3,46 @@ import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 import { defineAsyncComponent } from 'vue'
 
-library.add(
-  faCircleNotch
-)
+library.add(faCircleNotch)
 
 const StatusPopover = {
   name: 'StatusPopover',
-  props: [
-    'statusId'
-  ],
-  data () {
+  props: ['statusId'],
+  data() {
     return {
-      error: false
+      error: false,
     }
   },
   computed: {
-    status () {
+    status() {
       return find(this.$store.state.statuses.allStatuses, { id: this.statusId })
-    }
+    },
   },
   components: {
     Status: defineAsyncComponent(() => import('../status/status.vue')),
-    Popover: defineAsyncComponent(() => import('../popover/popover.vue'))
+    Popover: defineAsyncComponent(() => import('../popover/popover.vue')),
   },
   methods: {
-    enter () {
+    enter() {
       if (!this.status) {
         if (!this.statusId) {
           this.error = true
           return
         }
-        this.$store.dispatch('fetchStatus', this.statusId)
+        this.$store
+          .dispatch('fetchStatus', this.statusId)
           .then(() => (this.error = false))
           .catch(() => (this.error = true))
       }
-    }
+    },
   },
   watch: {
-    status (newStatus, oldStatus) {
+    status(newStatus, oldStatus) {
       if (newStatus !== oldStatus) {
         this.$nextTick(() => this.$refs.popover.updateStyles())
       }
-    }
-  }
+    },
+  },
 }
 
 export default StatusPopover