biome format --write

src/components/desktop_nav/desktop_nav.js

@@ -12,7 +12,7 @@ import {
   faSearch,
   faTachometerAlt,
   faCog,
-  faInfoCircle
+  faInfoCircle,
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -27,91 +27,109 @@ library.add(
   faSearch,
   faTachometerAlt,
   faCog,
-  faInfoCircle
+  faInfoCircle,
 )
 
 export default {
   components: {
     SearchBar,
-    ConfirmModal
+    ConfirmModal,
   },
   data: () => ({
     searchBarHidden: true,
-    supportsMask: window.CSS && window.CSS.supports && (
-      window.CSS.supports('mask-size', 'contain') ||
+    supportsMask:
+      window.CSS &&
+      window.CSS.supports &&
+      (window.CSS.supports('mask-size', 'contain') ||
         window.CSS.supports('-webkit-mask-size', 'contain') ||
         window.CSS.supports('-moz-mask-size', 'contain') ||
         window.CSS.supports('-ms-mask-size', 'contain') ||
-        window.CSS.supports('-o-mask-size', 'contain')
-    ),
-    showingConfirmLogout: false
+        window.CSS.supports('-o-mask-size', 'contain')),
+    showingConfirmLogout: false,
   }),
   computed: {
-    enableMask () { return this.supportsMask && this.$store.state.instance.logoMask },
-    logoStyle () {
+    enableMask() {
+      return this.supportsMask && this.$store.state.instance.logoMask
+    },
+    logoStyle() {
       return {
-        visibility: this.enableMask ? 'hidden' : 'visible'
+        visibility: this.enableMask ? 'hidden' : 'visible',
       }
     },
-    logoMaskStyle () {
+    logoMaskStyle() {
       return this.enableMask
         ? {
-            'mask-image': `url(${this.$store.state.instance.logo})`
+            'mask-image': `url(${this.$store.state.instance.logo})`,
           }
         : {
-            'background-color': this.enableMask ? '' : 'transparent'
+            'background-color': this.enableMask ? '' : 'transparent',
           }
     },
-    logoBgStyle () {
-      return Object.assign({
-        margin: `${this.$store.state.instance.logoMargin} 0`,
-        opacity: this.searchBarHidden ? 1 : 0
-      }, this.enableMask
-        ? {}
-        : {
-            'background-color': this.enableMask ? '' : 'transparent'
-          })
+    logoBgStyle() {
+      return Object.assign(
+        {
+          margin: `${this.$store.state.instance.logoMargin} 0`,
+          opacity: this.searchBarHidden ? 1 : 0,
+        },
+        this.enableMask
+          ? {}
+          : {
+              'background-color': this.enableMask ? '' : 'transparent',
+            },
+      )
     },
-    logo () { return this.$store.state.instance.logo },
-    sitename () { return this.$store.state.instance.name },
-    hideSitename () { return this.$store.state.instance.hideSitename },
-    logoLeft () { return this.$store.state.instance.logoLeft },
-    currentUser () { return this.$store.state.users.currentUser },
-    privateMode () { return this.$store.state.instance.private },
-    shouldConfirmLogout () {
+    logo() {
+      return this.$store.state.instance.logo
+    },
+    sitename() {
+      return this.$store.state.instance.name
+    },
+    hideSitename() {
+      return this.$store.state.instance.hideSitename
+    },
+    logoLeft() {
+      return this.$store.state.instance.logoLeft
+    },
+    currentUser() {
+      return this.$store.state.users.currentUser
+    },
+    privateMode() {
+      return this.$store.state.instance.private
+    },
+    shouldConfirmLogout() {
       return this.$store.getters.mergedConfig.modalOnLogout
-    }
+    },
   },
   methods: {
-    scrollToTop () {
+    scrollToTop() {
       window.scrollTo(0, 0)
     },
-    showConfirmLogout () {
+    showConfirmLogout() {
       this.showingConfirmLogout = true
     },
-    hideConfirmLogout () {
+    hideConfirmLogout() {
       this.showingConfirmLogout = false
     },
-    logout () {
+    logout() {
       if (!this.shouldConfirmLogout) {
         this.doLogout()
       } else {
         this.showConfirmLogout()
       }
     },
-    doLogout () {
+    doLogout() {
       this.$router.replace('/main/public')
       this.$store.dispatch('logout')
       this.hideConfirmLogout()
     },
-    onSearchBarToggled (hidden) {
+    onSearchBarToggled(hidden) {
       this.searchBarHidden = hidden
     },
-    openSettingsModal () {
+    openSettingsModal() {
       useInterfaceStore().openSettingsModal('user')
     },
-    openAdminModal () {
+    openAdminModal() {
       useInterfaceStore().openSettingsModal('admin')
-    }
-  }
+    },
+  },
 }