22 lines
663 B
Vue
22 lines
663 B
Vue
<script setup lang="ts">
|
|
import { type Model } from '~/types/model';
|
|
|
|
const props = defineProps<{ model: ModelWithProvider; }>();
|
|
|
|
const emit = defineEmits<{
|
|
edit: [model: Model];
|
|
}>();
|
|
|
|
const handleEdit = (model: Model) => {
|
|
emit('edit', model);
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="p-3 text-white flex max-w-full items-center justify-between gap-2 group hover:bg-[var(--color-hover)] transition duration-200 ease-[cubic-bezier(0.5,_1,_0.89,_1)]">
|
|
<ModelInfo :details="true" :model="model" :show-edit="true" :show-cost="true" :show-external-id="true"
|
|
:show-release-date="true" @edit="handleEdit" />
|
|
</div>
|
|
</template>
|