mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 00:02:15 +01:00
28 lines
708 B
Vue
28 lines
708 B
Vue
<script setup lang="ts">
|
|
import MultiselectDropdown from '@/packages/ui/src/Input/MultiselectDropdown.vue';
|
|
import type { Task } from '@/packages/api/src';
|
|
import { useTasksQuery } from '@/utils/useTasksQuery';
|
|
|
|
const { tasks } = useTasksQuery();
|
|
|
|
function getKeyFromItem(item: Task) {
|
|
return item.id;
|
|
}
|
|
|
|
function getNameForItem(item: Task) {
|
|
return item.name;
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<MultiselectDropdown
|
|
search-placeholder="Search for a Task..."
|
|
:items="tasks"
|
|
:get-key-from-item="getKeyFromItem"
|
|
:get-name-for-item="getNameForItem">
|
|
<template #trigger>
|
|
<slot name="trigger"></slot>
|
|
</template>
|
|
</MultiselectDropdown>
|
|
</template>
|