mirror of
https://github.com/KevinMidboe/seasoned.git
synced 2026-04-24 16:53:37 +00:00
Kevin
8e586811ec
* On every route change, update local variables from query params * ResultSection is keyed to query to force re-render * Resolved lint warnings * replace webpack w/ vite * update all imports with alias @ and scss * vite environment variables, also typed * upgraded eslint, defined new rules & added ignore comments * resolved linting issues * moved index.html to project root * updated dockerfile w/ build stage before runtime image definition * sign drone config
52 lines
915 B
Vue
52 lines
915 B
Vue
<template>
|
|
<div class="cast">
|
|
<ol class="persons">
|
|
<CastListItem
|
|
v-for="credit in cast"
|
|
:key="credit.id"
|
|
:credit-item="credit"
|
|
/>
|
|
</ol>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { defineProps } from "vue";
|
|
import CastListItem from "@/components/CastListItem.vue";
|
|
import type {
|
|
IMovie,
|
|
IShow,
|
|
IPerson,
|
|
ICast,
|
|
ICrew
|
|
} from "../interfaces/IList";
|
|
|
|
interface Props {
|
|
cast: Array<IMovie | IShow | IPerson | ICast | ICrew>;
|
|
}
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.cast {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
ol {
|
|
overflow-x: scroll;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
display: flex;
|
|
|
|
scrollbar-width: none; /* for Firefox */
|
|
|
|
&::-webkit-scrollbar {
|
|
display: none; /* for Chrome, Safari, and Opera */
|
|
}
|
|
}
|
|
}
|
|
</style>
|