27 lines
631 B
Vue

<template>
<div class="dev-card flex border-1 rounded p-2 border-gray-300 gap-3" tabindex="0" @click="$emit('qr', dev.link)">
<img v-if="dev.picture" :src="dev.picture" class="w-14 rounded-full" />
<img v-else src="../assets/images/person.png" class="w-14" />
<div class="flex flex-col gap-1">
<span>{{ dev.name }}</span>
<span>{{ dev.role }}</span>
</div>
</div>
</template>
<script setup lang="ts">
import { models } from "../../wailsjs/go/models";
import Developer = models.Developer;
defineProps<{
dev: Developer,
}>();
defineEmits(['qr']);
</script>
<style scoped>
</style>