mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 16:22:16 +01:00
30 lines
794 B
Vue
30 lines
794 B
Vue
<script setup lang="ts">
|
|
import MultiselectDropdown from '@/Components/Common/MultiselectDropdown.vue';
|
|
import { storeToRefs } from 'pinia';
|
|
import type { Client } from '@/utils/api';
|
|
import { useClientsStore } from '@/utils/useClients';
|
|
|
|
const clientsStore = useClientsStore();
|
|
const { clients } = storeToRefs(clientsStore);
|
|
|
|
function getKeyFromItem(item: Client) {
|
|
return item.id;
|
|
}
|
|
|
|
function getNameForItem(item: Client) {
|
|
return item.name;
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<MultiselectDropdown
|
|
searchPlaceholder="Search for a Client..."
|
|
:items="clients"
|
|
:get-key-from-item="getKeyFromItem"
|
|
:get-name-for-item="getNameForItem">
|
|
<template #trigger>
|
|
<slot name="trigger"></slot>
|
|
</template>
|
|
</MultiselectDropdown>
|
|
</template>
|