Upgraded dependencies, bumped to Node 24.
This commit is contained in:
@@ -1,3 +1,40 @@
|
||||
<script setup>
|
||||
import { computed, ref, useId } from 'vue';
|
||||
|
||||
import Player from '#/components/video/player.vue';
|
||||
|
||||
import getPath from '#/src/get-path.js';
|
||||
|
||||
const props = defineProps({
|
||||
release: {
|
||||
type: Object,
|
||||
default: null,
|
||||
},
|
||||
});
|
||||
|
||||
const playing = ref(false);
|
||||
const paused = ref(false);
|
||||
|
||||
const poster = computed(() => {
|
||||
if (props.release.poster) {
|
||||
return getPath(props.release.poster, 'thumbnail');
|
||||
}
|
||||
|
||||
if (props.release.covers?.length > 0) {
|
||||
return getPath(props.release.covers[0], 'thumbnail');
|
||||
}
|
||||
|
||||
if (props.release.photos?.length > 0) {
|
||||
return getPath(props.release.photos[0], 'thumbnail');
|
||||
}
|
||||
|
||||
return null;
|
||||
});
|
||||
|
||||
const coversInAlbum = props.release.covers?.length > 0 && props.release.trailer;
|
||||
const restrictedTooltipId = useId();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
class="banner-container"
|
||||
@@ -49,7 +86,7 @@
|
||||
|
||||
<Icon
|
||||
v-if="(release.trailer || release.teaser).isRestricted"
|
||||
v-tooltip="'Restricted video'"
|
||||
v-tooltip="{ content: 'Restricted video', ariaId: restrictedTooltipId }"
|
||||
icon="blocked"
|
||||
class="restricted"
|
||||
/>
|
||||
@@ -102,42 +139,6 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed } from 'vue';
|
||||
|
||||
import getPath from '#/src/get-path.js';
|
||||
|
||||
import Player from '#/components/video/player.vue';
|
||||
|
||||
const props = defineProps({
|
||||
release: {
|
||||
type: Object,
|
||||
default: null,
|
||||
},
|
||||
});
|
||||
|
||||
const playing = ref(false);
|
||||
const paused = ref(false);
|
||||
|
||||
const poster = computed(() => {
|
||||
if (props.release.poster) {
|
||||
return getPath(props.release.poster, 'thumbnail');
|
||||
}
|
||||
|
||||
if (props.release.covers?.length > 0) {
|
||||
return getPath(props.release.covers[0], 'thumbnail');
|
||||
}
|
||||
|
||||
if (props.release.photos?.length > 0) {
|
||||
return getPath(props.release.photos[0], 'thumbnail');
|
||||
}
|
||||
|
||||
return null;
|
||||
});
|
||||
|
||||
const coversInAlbum = props.release.covers?.length > 0 && props.release.trailer;
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.banner-container {
|
||||
background-position: center;
|
||||
|
||||
Reference in New Issue
Block a user