Update dependency prettier to v3.3.3

Signed-off-by: Olga Bulat <[email protected]>

.pre-commit-config.yaml

@@ -61,9 +61,9 @@ repos:
         # Must include any plugins defined in prettier.config.js, along with TypeScript and Prettier themselves
         # Versions must be manually kept in sync with those in the pnpm-lock.yaml file to prevent drift.
         additional_dependencies:
-          - [email protected].2
+          - [email protected].3
           - [email protected]
-          - [email protected].2
+          - [email protected].4
 
   - repo: https://github.com/koalaman/shellcheck-precommit
     rev: v0.10.0

frontend/src/components/VAudioTrack/VWaveform.vue

@@ -357,7 +357,7 @@ export default defineComponent({
 
     /* Progress bar */
     const progressBarWidth = computed(() => {
-      const frac = isDragging.value ? seekFrac.value ?? 0 : currentFrac.value
+      const frac = isDragging.value ? (seekFrac.value ?? 0) : currentFrac.value
       return waveformDimens.value.width * frac
     })
 

frontend/src/components/VHomeGallery/VHomeGallery.vue

@@ -106,8 +106,8 @@ export default defineComponent({
     const imageSet = computed(() =>
       props.set === "random"
         ? imageInfo.sets[Math.floor(Math.random() * imageInfo.sets.length)]
-        : imageInfo.sets.find((item) => (item.key = props.set)) ??
-          imageInfo.sets[0]
+        : (imageInfo.sets.find((item) => (item.key = props.set)) ??
+          imageInfo.sets[0])
     )
     const imageList = computed(() => {
       return imageSet.value.images.map((image, idx) => ({

frontend/src/composables/use-single-result-page-meta.ts

@@ -36,7 +36,7 @@ export const useSingleResultPageMeta = (
     }
     return isSensitive.value
       ? titles().sensitiveTitle
-      : media.value.title ?? titles().genericTitle
+      : (media.value.title ?? titles().genericTitle)
   }
   const getPageTitle = () => `${getMediaTitle()} | Openverse`
 

frontend/src/utils/decode-media-data.ts

@@ -125,7 +125,7 @@ export const decodeMediaData = <T extends Media>(
     featureFlagStore.isOn("fake_sensitive") &&
     featureFlagStore.isOn("fetch_sensitive")
       ? getFakeSensitivities(media.id)
-      : media[SENSITIVITY_RESPONSE_PARAM] ?? []
+      : (media[SENSITIVITY_RESPONSE_PARAM] ?? [])
   sensitivity.sort()
   const isSensitive = sensitivity.length > 0
 

package.json

@@ -21,7 +21,7 @@
   "devDependencies": {
     "@openverse/eslint-plugin": "workspace:*",
     "bindings": "^1.5.0",
-    "prettier": "3.3.2",
+    "prettier": "3.3.3",
     "prettier-plugin-tailwindcss": "0.6.5",
     "typescript": "5.5.4",
     "vue-tsc": "2.0.29"