mirror of
https://github.com/koel/koel
synced 2024-12-20 01:23:16 +00:00
12 lines
465 B
TypeScript
12 lines
465 B
TypeScript
import type { Directive } from 'vue'
|
|
|
|
export const hideBrokenIcon: Directive = {
|
|
mounted: async (el: HTMLImageElement) => {
|
|
el.addEventListener('error', () => (el.style.visibility = 'hidden'))
|
|
|
|
// For v-bind, an empty source e.g. :src="emptySrc" will NOT be rendered
|
|
// and the error event will not be triggered.
|
|
// We'll work around by explicitly setting the src to an empty string, which will trigger the error.
|
|
el.src = el.src || ''
|
|
},
|
|
}
|