Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 10:10:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Attempt to fix LDRS on live

Browse Source
This commit is contained in:
Blossomi Shymae
2024-10-12 22:05:49 -05:00
parent 4f0d707549
commit 766ec716f9
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/LLazyImg.vue
View File

@@ -1,6 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
import 'ldrs/dotStream';
const props = defineProps<{ const props = defineProps<{
src: string | undefined, src: string | undefined,
imgClass?: string imgClass?: string
@@ -8,10 +6,15 @@ const props = defineProps<{
const source = ref(props.src); const source = ref(props.src);
const loading = ref(true); const loading = ref(true);
onMounted(async () => {
const { dotStream } = await import('ldrs');
dotStream.register();
});
</script> </script>
<template> <template>
<div class="d-flex justify-content-center align-items-center"> <ClientOnly class="d-flex justify-content-center align-items-center">
<l-dot-stream v-if="loading" <l-dot-stream v-if="loading"
class="w-100 h-100" class="w-100 h-100"
size="60" size="60"
@@ -23,5 +26,5 @@ const loading = ref(true);
loading="lazy" loading="lazy"
v-on:load="loading = false;" v-on:load="loading = false;"
v-on:error="loading = false; source = '/clean-cuts/img/error.png';" /> v-on:error="loading = false; source = '/clean-cuts/img/error.png';" />
</div> </ClientOnly>
</template> </template>