From 2a9fc87350a36d55ab1e53ddf8fad3042d53c74f Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Mon, 15 Aug 2022 21:06:59 +0200
Subject: [PATCH] Tried setting backdrop too fast, tries after mount & api
 response

---
 src/components/popup/Movie.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/popup/Movie.vue b/src/components/popup/Movie.vue
index e4d129a..2072ffa 100644
--- a/src/components/popup/Movie.vue
+++ b/src/components/popup/Movie.vue
@@ -165,7 +165,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, computed, defineProps } from "vue";
+  import { ref, computed, defineProps, onMounted } from "vue";
   import { useStore } from "vuex";
 
   // import img from "@/directives/v-image";
@@ -289,11 +289,17 @@
       .then(() => getCredits(props.type))
       .then(credits => setCast(credits?.cast || []))
       .then(() => getRequestStatus(props.id, props.type))
-      .then(requestStatus => setRequested(requestStatus || false));
+      .then(requestStatus => setRequested(requestStatus || false))
+      .then(setBackdrop);
   }
 
   function setBackdrop(): void {
-    if (!media.value?.backdrop || !backdropElement.value?.style) return;
+    if (
+      !media.value?.backdrop ||
+      !backdropElement.value?.style ||
+      backdropElement.value?.style?.backgroundImage !== ""
+    )
+      return;
 
     const backdropURL = `${ASSET_URL}${ASSET_SIZES[1]}${media.value.backdrop}`;
     backdropElement.value.style.backgroundImage = `url(${backdropURL})`;
@@ -318,9 +324,10 @@
 
   // On created functions
   fetchMedia();
-  setBackdrop();
   store.dispatch("torrentModule/setResultCount", null);
   // End on create functions
+
+  onMounted(setBackdrop);
 </script>
 
 <style lang="scss" scoped>