biome format --write

src/components/scope_selector/scope_selector.js

@@ -3,88 +3,90 @@ import {
   faEnvelope,
   faLock,
   faLockOpen,
-  faGlobe
+  faGlobe,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(
-  faEnvelope,
-  faGlobe,
-  faLock,
-  faLockOpen
-)
+library.add(faEnvelope, faGlobe, faLock, faLockOpen)
 
 const ScopeSelector = {
   props: {
     showAll: {
       required: true,
-      type: Boolean
+      type: Boolean,
     },
     userDefault: {
       required: true,
-      type: String
+      type: String,
     },
     originalScope: {
       required: false,
-      type: String
+      type: String,
     },
     initialScope: {
       required: false,
-      type: String
+      type: String,
     },
     onScopeChange: {
       required: true,
-      type: Function
+      type: Function,
     },
     unstyled: {
       required: false,
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
-  data () {
+  data() {
     return {
-      currentScope: this.initialScope
+      currentScope: this.initialScope,
     }
   },
   computed: {
-    showNothing () {
-      return !this.showPublic && !this.showUnlisted && !this.showPrivate && !this.showDirect
+    showNothing() {
+      return (
+        !this.showPublic &&
+        !this.showUnlisted &&
+        !this.showPrivate &&
+        !this.showDirect
+      )
     },
-    showPublic () {
+    showPublic() {
       return this.originalScope !== 'direct' && this.shouldShow('public')
     },
-    showUnlisted () {
+    showUnlisted() {
       return this.originalScope !== 'direct' && this.shouldShow('unlisted')
     },
-    showPrivate () {
+    showPrivate() {
       return this.originalScope !== 'direct' && this.shouldShow('private')
     },
-    showDirect () {
+    showDirect() {
       return this.shouldShow('direct')
     },
-    css () {
+    css() {
       const style = this.unstyled ? 'button-unstyled' : 'button-default'
       return {
         public: [style, { toggled: this.currentScope === 'public' }],
         unlisted: [style, { toggled: this.currentScope === 'unlisted' }],
         private: [style, { toggled: this.currentScope === 'private' }],
-        direct: [style, { toggled: this.currentScope === 'direct' }]
+        direct: [style, { toggled: this.currentScope === 'direct' }],
       }
-    }
+    },
   },
   methods: {
-    shouldShow (scope) {
-      return this.showAll ||
+    shouldShow(scope) {
+      return (
+        this.showAll ||
         this.currentScope === scope ||
         this.originalScope === scope ||
         this.userDefault === scope ||
         scope === 'direct'
+      )
     },
-    changeVis (scope) {
+    changeVis(scope) {
       this.currentScope = scope
       this.onScopeChange && this.onScopeChange(scope)
-    }
-  }
+    },
+  },
 }
 
 export default ScopeSelector