imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

npm run format

Browse Source
This commit is contained in:
Dennis Postma
2024-11-05 23:16:47 +01:00
parent d71f4e7b59
commit 1384f50406
3 changed files with 8 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/utilities/BackgroundImageLoader.vue
View File

@ -1,13 +1,6 @@
<template>
<div style="display: none">
<img
v-for="(url, index) in imageUrls"
:key="index"
:src="url"
alt=""
@load="handleImageLoad(index)"
@error="handleImageError(index)"
/>
<img v-for="(url, index) in imageUrls" :key="index" :src="url" alt="" @load="handleImageLoad(index)" @error="handleImageError(index)" />
</div>
</template>
@ -15,11 +8,7 @@
import { ref } from 'vue'
// Internal array of images to preload
const imageUrls = ref<string[]>([
'/assets/ui-elements/ui-border-4-corners.svg',
'/assets/ui-elements/ui-border-4-corners-light.svg',
'/assets/ui-elements/ui-border-4-corners-small.svg'
])
const imageUrls = ref<string[]>(['/assets/ui-elements/ui-border-4-corners.svg', '/assets/ui-elements/ui-border-4-corners-light.svg', '/assets/ui-elements/ui-border-4-corners-small.svg'])
const loadedImages = ref<Set<number>>(new Set())
@ -31,4 +20,4 @@ const handleImageLoad = (index: number) => {
const handleImageError = (index: number) => {
console.log(`Image ${index} failed to load:`, imageUrls.value[index])
}
</script>
</script>