fix: deleted image wrongfully caching

web/src/composables/useMedia.ts

@@ -2,6 +2,7 @@ import { ref } from 'vue'
 import { tryOnBeforeUnmount } from '@vueuse/core'
 import { ApiError, useApi } from '@/composables/useApi'
 import { toRequestQuery, type MediaControls } from '@/lib/mediaQuery'
+import { bumpMediaRevision } from '@/lib/mediaRevision'
 
 export interface MediaItem {
 	id: number
@@ -150,6 +151,7 @@ export function useMedia() {
 
 	async function deleteItem(id: number) {
 		await request<void>(`/v1/media/${id}`, { method: 'DELETE' })
+		bumpMediaRevision()
 		removeLocal(id)
 	}
 
@@ -171,16 +173,21 @@ export function useMedia() {
 		const pick = (outcome: string) =>
 			outcomes.filter((entry) => entry.outcome === outcome).map((entry) => entry.item)
 		const deleted = pick('deleted')
+		if (deleted.length > 0) {
+			bumpMediaRevision()
+		}
 		items.value = items.value.filter((entry) => !deleted.some((gone) => gone.id === entry.id))
 		return { deleted, failed: pick('failed'), handled: pick('handled').length > 0 }
 	}
 
-	function mergeCopies(keepId: number, mergeIds: number[]) {
-		return request<MediaMergeResult>('/v1/media/merge', {
+	async function mergeCopies(keepId: number, mergeIds: number[]) {
+		const result = await request<MediaMergeResult>('/v1/media/merge', {
 			method: 'POST',
 			headers: { 'Content-Type': 'application/json' },
 			body: JSON.stringify({ keep_id: keepId, merge_ids: mergeIds }),
 		})
+		bumpMediaRevision()
+		return result
 	}
 
 	function removeLocalMany(ids: number[]) {