diff --git a/src/components/header/NavigationIcons.vue b/src/components/header/NavigationIcons.vue
index bd9be52..4289c38 100644
--- a/src/components/header/NavigationIcons.vue
+++ b/src/components/header/NavigationIcons.vue
@@ -5,7 +5,7 @@
:key="_route.route"
:route="_route"
:active="activeRoute"
- :useStroke="_route?.useStroke"
+ :use-stroke="_route?.useStroke"
/>
diff --git a/src/components/popup/Movie.vue b/src/components/popup/Movie.vue
index 2072ffa..50a620b 100644
--- a/src/components/popup/Movie.vue
+++ b/src/components/popup/Movie.vue
@@ -245,6 +245,18 @@
requested.value = status;
}
+ function setBackdrop(): void {
+ 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})`;
+ }
+
function getCredits(
type: MediaTypes.Movie | MediaTypes.Show
): Promise {
@@ -293,18 +305,6 @@
.then(setBackdrop);
}
- function setBackdrop(): void {
- 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})`;
- }
-
function sendRequest() {
request(props.id, props.type).then(resp =>
setRequested(resp?.success || false)