opendesk

1<template>
2  <span
3    v-if="priority"
4    class="flex min-w-0 items-center gap-2"
5    :class="{ 'me-1': iconOnly }"
6  >
7    <span class="flex h-3.5 w-3.5 shrink-0 items-center justify-center">
8      <PriorityIcon :level="level" />
9    </span>
10    <span v-if="!iconOnly" :title="priority" class="truncate">{{
11      priority
12    }}</span>
13  </span>
14</template>
15
16<script setup lang="ts">
17import { useTicketPriorityStore } from "@/stores/ticketPriority";
18import { PriorityIcon } from "@opendesk/shared/ticketCells";
19import { computed } from "vue";
20
21const props = defineProps<{
22  priority?: string;
23  iconOnly?: boolean;
24}>();
25
26const { getLevel } = useTicketPriorityStore();
27
28const level = computed(() => getLevel(props.priority ?? ""));
29</script>
30