39 lines
915 B
Vue
39 lines
915 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
logo: string;
|
|
href?: string;
|
|
}
|
|
|
|
const props = defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex gap-5">
|
|
<NuxtLink :to="props.href" target="_blank" class="block">
|
|
<NuxtImg
|
|
placeholder
|
|
:src="props.logo"
|
|
class="block rounded min-w-[50px]"
|
|
format="webp"
|
|
height="50"
|
|
width="50"
|
|
fit="outside"
|
|
/>
|
|
</NuxtLink>
|
|
<div class="flex flex-col justify-center">
|
|
<NuxtLink
|
|
:href="props.href"
|
|
target="_blank"
|
|
class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4"
|
|
>
|
|
<slot name="title">Company</slot>
|
|
</NuxtLink>
|
|
<div class="text-sm text-gray-500">
|
|
<slot name="description">
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
|
|
</slot>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|