style(lint): enable trailing commas

Signed-off-by: Konstantinos Maninakis <maninak@protonmail.com>

src/webviews/.prettierrc.json

@@ -4,6 +4,6 @@
   "tabWidth": 2,
   "singleQuote": true,
   "printWidth": 95,
-  "trailingComma": "none",
+  "trailingComma": "all",
   "htmlWhitespaceSensitivity": "strict"
 }

src/webviews/src/components/PatchDetail.vue

@@ -3,7 +3,7 @@ import {
   provideVSCodeDesignSystem,
   vsCodeButton,
   vsCodeDropdown,
-  vsCodeOption
+  vsCodeOption,
 } from '@vscode/webview-ui-toolkit'
 import { ref, computed } from 'vue'
 import { storeToRefs } from 'pinia'
@@ -30,7 +30,7 @@ function getRevisionOptionLabel(revision: Revision): string {
     revision.reviews.find((review) => review.verdict === 'accept') && 'accepted',
     revision.reviews.find((review) => review.verdict === 'reject') && 'rejected',
     patch.value.revisions.length >= 2 && revision.id === firstRevision.value.id && 'first',
-    patch.value.revisions.length >= 2 && revision.id === latestRevision.value.id && 'latest'
+    patch.value.revisions.length >= 2 && revision.id === latestRevision.value.id && 'latest',
   ].filter(Boolean)
   const parsedState = state.length ? ` [${state.join(', ')}]` : ''
   const author = authors.value.length >= 2 ? ` ${getIdentityAliasOrId(revision.author)}` : ''
@@ -43,26 +43,26 @@ const revisionOptionsMap = ref(
   new Map(
     [...patch.value.revisions]
       .reverse()
-      .map((revision) => [getRevisionOptionLabel(revision), revision] as const)
-  )
+      .map((revision) => [getRevisionOptionLabel(revision), revision] as const),
+  ),
 )
 // TODO: maninak if patch is merged pre-select revision that got merged
 const selectedRevisionOption = ref(getRevisionOptionLabel(latestRevision.value))
 const selectedRevision = computed(
   () =>
     revisionOptionsMap.value.get(selectedRevisionOption.value) as NonNullable<
       ReturnType<(typeof revisionOptionsMap)['value']['get']>
-    >
+    >,
 )
 const shouldHideRevisionDescription = computed(
   () =>
-    selectedRevision.value.description && selectedRevision.value.id === firstRevision.value.id
+    selectedRevision.value.description && selectedRevision.value.id === firstRevision.value.id,
 )
 const selectedRevisionAcceptedReviews = computed(() =>
-  selectedRevision.value.reviews.filter((review) => review.verdict === 'accept')
+  selectedRevision.value.reviews.filter((review) => review.verdict === 'accept'),
 )
 const selectedRevisionRejectedReviews = computed(() =>
-  selectedRevision.value.reviews.filter((review) => review.verdict === 'reject')
+  selectedRevision.value.reviews.filter((review) => review.verdict === 'reject'),
 )
 
 function refetchPatchData() {
@@ -169,7 +169,7 @@ This is a patch description parsed from Markdown:
               @click="
                 notifyExtension({
                   command: 'copyToClipboardAndNotify',
-                  payload: { textToCopy: selectedRevision.id }
+                  payload: { textToCopy: selectedRevision.id },
                 })
               "
             >

src/webviews/src/components/PatchMajorEvents.vue

@@ -12,12 +12,12 @@ const { patch, firstRevision, latestRevision } = storeToRefs(usePatchDetailStore
 // TODO: maninak show `accepted` review as major event, if the related revision got accepted?
 
 const latestMerge = computed(() =>
-  [...patch.value.merges].sort((m1, m2) => m1.timestamp - m2.timestamp).at(-1)
+  [...patch.value.merges].sort((m1, m2) => m1.timestamp - m2.timestamp).at(-1),
 )
 const shouldShowRevisionEvent = computed(() => patch.value.revisions.length >= 2)
 
 const createdTimeAgo = computedWithControl(firstRevision, () =>
-  getTimeAgo(firstRevision.value.timestamp)
+  getTimeAgo(firstRevision.value.timestamp),
 )
 // Somehow this useIntervalFn() triggers re-rendering of the whole component including
 // re-calculation of all other `getTimeAgo()` calls too.

src/webviews/src/components/PatchMetadata.vue

@@ -29,7 +29,7 @@ const { patch, authors } = storeToRefs(usePatchDetailStore())
         @click="
           notifyExtension({
             command: 'copyToClipboardAndNotify',
-            payload: { textToCopy: patch.id }
+            payload: { textToCopy: patch.id },
           })
         "
       >

src/webviews/src/components/TheCounter.vue

@@ -13,7 +13,7 @@ const { increment, reset } = counterStore
 function showInfoNotifWithCount() {
   notifyExtension({
     command: 'showInfoNotification',
-    payload: { text: `The count is: ${count.value}` }
+    payload: { text: `The count is: ${count.value}` },
   })
 }
 </script>

src/webviews/src/stores/counter.ts

@@ -32,7 +32,7 @@ export const useCounterStore = defineStore('counter', () => {
       const message = event.data
 
       message.command === 'resetCount' && reset()
-    }
+    },
   )
 
   return { count, doubleCount, increment, reset }

src/webviews/src/stores/patchDetailStore.ts

@@ -25,8 +25,8 @@ export const usePatchDetailStore = defineStore('patch-detail', () => {
           uniqueAuthors.find((uniqueAuthor) => uniqueAuthor.id === maybeUniqueAuthor.id)
             ? uniqueAuthors
             : [...uniqueAuthors, maybeUniqueAuthor],
-        [] as Patch['author'][]
-      )
+        [] as Patch['author'][],
+      ),
   )
 
   watchEffect(() => {
@@ -43,7 +43,7 @@ export const usePatchDetailStore = defineStore('patch-detail', () => {
       if (message.command === 'updateState') {
         state.value = message.payload
       }
-    }
+    },
   )
 
   return { patch, firstRevision, latestRevision, authors }