Untitled

<template>
    <CustomDropdownSearchlist
    v-model="selectedItem"
    v-model:search="searchText"
    :items="listItem"
    :isLoading="isDropdownLoading"
    placeholder="Please select item"
    @searchInput="searchInputHandler()"
    @close="onCloseHandler()"
    />
</template>


<script>

export default defineComponent({
  setup() {
    const selectedItem = ref({})
    const isDropdownLoading = ref(false)
    const searchText = ref('')
    const listItem = ref([
        {
            name: "Table 1",
            description: "long description",
            children: [
                {
                    name: "children 1",
                    description: "chidlren description"
                },
                {
                    name: "children 2",
                    description: "chidlren 2 description",
                    children: [
                        {
                            name: "children 21",
                            description: "chidlren 21 description"
                        }
                    ]
                }
            ]
        }
    ])
  }
})

</script>