biome format --write

src/components/poll/poll.js

@@ -10,83 +10,85 @@ export default {
   components: {
     Timeago,
     RichContent,
-    Checkbox
+    Checkbox,
   },
-  data () {
+  data() {
     return {
       loading: false,
       choices: [],
-      randomSeed: genRandomSeed()
+      randomSeed: genRandomSeed(),
     }
   },
-  created () {
+  created() {
     if (!usePollsStore().pollsObject[this.pollId]) {
       usePollsStore().mergeOrAddPoll(this.basePoll)
     }
     usePollsStore().trackPoll(this.pollId)
   },
-  unmounted () {
+  unmounted() {
     usePollsStore().untrackPoll(this.pollId)
   },
   computed: {
-    pollId () {
+    pollId() {
       return this.basePoll.id
     },
-    poll () {
+    poll() {
       const storePoll = usePollsStore().pollsObject[this.pollId]
       return storePoll || {}
     },
-    options () {
+    options() {
       return (this.poll && this.poll.options) || []
     },
-    expiresAt () {
+    expiresAt() {
       return (this.poll && this.poll.expires_at) || null
     },
-    expired () {
+    expired() {
       return (this.poll && this.poll.expired) || false
     },
-    expirationLabel () {
+    expirationLabel() {
       if (this.$store.getters.mergedConfig.useAbsoluteTimeFormat) {
         return this.expired ? 'polls.expired_at' : 'polls.expires_at'
       } else {
         return this.expired ? 'polls.expired' : 'polls.expires_in'
       }
     },
-    loggedIn () {
+    loggedIn() {
       return this.$store.state.users.currentUser
     },
-    showResults () {
+    showResults() {
       return this.poll.voted || this.expired || !this.loggedIn
     },
-    totalVotesCount () {
+    totalVotesCount() {
       return this.poll.votes_count
     },
-    containerClass () {
+    containerClass() {
       return {
-        loading: this.loading
+        loading: this.loading,
       }
     },
-    choiceIndices () {
+    choiceIndices() {
       // Convert array of booleans into an array of indices of the
       // items that were 'true', so [true, false, false, true] becomes
       // [0, 3].
       return this.choices
         .map((entry, index) => entry && index)
-        .filter(value => typeof value === 'number')
+        .filter((value) => typeof value === 'number')
     },
-    isDisabled () {
+    isDisabled() {
       const noChoice = this.choiceIndices.length === 0
       return this.loading || noChoice
-    }
+    },
   },
   methods: {
-    percentageForOption (count) {
-      return this.totalVotesCount === 0 ? 0 : Math.round(count / this.totalVotesCount * 100)
+    percentageForOption(count) {
+      return this.totalVotesCount === 0
+        ? 0
+        : Math.round((count / this.totalVotesCount) * 100)
     },
-    resultTitle (option) {
+    resultTitle(option) {
       return `${option.votes_count}/${this.totalVotesCount} ${this.$t('polls.votes')}`
     },
-    activateOption (index, value) {
+    activateOption(index, value) {
       let result
       if (this.poll.multiple) {
         result = this.choices || this.options.map(() => false)
@@ -96,17 +98,21 @@ export default {
       result[index] = value
       this.choices = result
     },
-    optionId (index) {
+    optionId(index) {
       return `poll${this.poll.id}-${index}`
     },
-    vote () {
+    vote() {
       if (this.choiceIndices.length === 0) return
       this.loading = true
-      usePollsStore().votePoll(
-        { id: this.statusId, pollId: this.poll.id, choices: this.choiceIndices }
-      ).then(() => {
-        this.loading = false
-      })
-    }
-  }
+      usePollsStore()
+        .votePoll({
+          id: this.statusId,
+          pollId: this.poll.id,
+          choices: this.choiceIndices,
+        })
+        .then(() => {
+          this.loading = false
+        })
+    },
+  },
 }