Newer
Older
<script setup lang="ts">
import { type PastelProps, usePastel } from '~/composables/usePastels'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
interface Radio {
interface Events {
(e: 'play', radio: Radio): void
}
interface Props extends PastelProps {
radio: Radio
small?: boolean
// TODO (wvffle): Remove after https://github.com/vuejs/core/pull/4512 is merged
red?: boolean
blue?: boolean
purple?: boolean
green?: boolean
yellow?: boolean
}
const props = defineProps<Props>()
const pastel = usePastel(props)
let navigate = () => {}
if (import.meta.env.PROD) {
const router = useRouter()
navigate = () => router.push({ name: 'library.radios.detail', params: { id: props.radio.id } })
}
</script>
<template>
<fw-card
:title="radio.name"
:class="pastel"
class="radio-card"
>
<div class="radio-cover">