37 lines
No EOL
495 B
Vue
37 lines
No EOL
495 B
Vue
<script setup lang="ts">
|
|
const props = defineProps([
|
|
'item'
|
|
]);
|
|
|
|
/**
|
|
* Get Show/Spot icon
|
|
*/
|
|
const icon = () => {
|
|
switch (props.item.type) {
|
|
case 'show':
|
|
return 'mdi-eye';
|
|
break;
|
|
case 'ad':
|
|
return 'mdi-advertisements';
|
|
break;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
{{ item.when }}
|
|
<v-icon :icon="icon()" />
|
|
{{ item.name }}
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
div {
|
|
display: flex;
|
|
padding: 2px;
|
|
}
|
|
i {
|
|
margin: 0 5px;
|
|
}
|
|
</style> |