diff --git a/src/components/Cards/CardImage.vue b/src/components/Cards/CardImage.vue index 809aa8b..277fa91 100644 --- a/src/components/Cards/CardImage.vue +++ b/src/components/Cards/CardImage.vue @@ -17,16 +17,23 @@ export default class CardImage extends Vue { private loaded!: boolean; private loadedURL!: string; + private loadedTimeout!: boolean; private data() { return { loaded: false, - loadedURL: "" + loadedURL: "", + loadedTimeout: false }; } private mounted() { this.fetchImage(); + setTimeout(() => { + if (!this.loaded) { + this.loadedTimeout = true; + } + }, 100); this.$watch("id", () => { this.loaded = false; this.fetchImage(); @@ -43,7 +50,10 @@ export default class CardImage extends Vue { if (this.loaded) { return this.loadedURL; } - return require("@/assets/images/cardback.webp"); + if (this.loadedTimeout) { + return require("@/assets/images/cardback.webp"); + } + return ""; } }