<script lang="ts" setup>
// #region --Props--.
defineProps<{
  src: string;
  title: string;
}>();
// #endregion

// #region --Declaration--.
const w: Window = window;
// #endregion
</script>

<template>
  <section class="absolute inset-0 h-[500px] overflow-hidden z-0">
    <v-img
      v-if="src"
      :alt="title"
      :src="`https://image.tmdb.org/t/p/original${src}`"
      :width="w.screen.width"
      aspect-ratio="16/9"
      class="w-full h-full object-cover opacity-30"
      cover
      max-height="500"
    />
  </section>
</template>

<style scoped></style>