2020-02-18 08:57:00 +01:00
|
|
|
<template>
|
2022-07-12 10:55:28 +02:00
|
|
|
<VMenu
|
|
|
|
:distance="16"
|
|
|
|
:triggers="['hover']"
|
2020-06-25 10:14:25 +02:00
|
|
|
class="popover"
|
|
|
|
:class="{ inline, clickable: actor && actor.type === ActorType.GROUP }"
|
|
|
|
>
|
2020-02-18 08:57:00 +01:00
|
|
|
<slot></slot>
|
2022-07-12 10:55:28 +02:00
|
|
|
<template #popper>
|
2020-06-16 12:03:09 +02:00
|
|
|
<actor-card :full="true" :actor="actor" :popover="true" />
|
2020-02-18 08:57:00 +01:00
|
|
|
</template>
|
2022-07-12 10:55:28 +02:00
|
|
|
</VMenu>
|
2020-02-18 08:57:00 +01:00
|
|
|
</template>
|
2022-07-12 10:55:28 +02:00
|
|
|
<script lang="ts" setup>
|
2020-11-27 19:27:44 +01:00
|
|
|
import { ActorType } from "@/types/enums";
|
|
|
|
import { IActor } from "../../types/actor";
|
2020-02-18 08:57:00 +01:00
|
|
|
import ActorCard from "./ActorCard.vue";
|
|
|
|
|
2022-07-12 10:55:28 +02:00
|
|
|
withDefaults(
|
|
|
|
defineProps<{
|
|
|
|
actor: IActor;
|
|
|
|
inline?: boolean;
|
|
|
|
}>(),
|
|
|
|
{
|
|
|
|
inline: false,
|
|
|
|
}
|
|
|
|
);
|
2020-02-18 08:57:00 +01:00
|
|
|
</script>
|