hrms-mgt/src/components/Selector.vue

<template>
  <q-select v-bind="attrs">
    <template v-for="(_, slot) in slots" v-slot:[slot]="scope">
      <slot :name="slot" v-bind="scope || {}" />
    </template>
    <template v-slot:no-option>
      <q-item>
        <q-item-section class="text-black">
          ไม่พบข้อมูลที่ค้นหา
        </q-item-section>
      </q-item>
    </template>
  </q-select>
</template>
<script setup lang="ts">
import { ref, useAttrs, useSlots } from "vue";
const attrs = ref<any>(useAttrs());
const slots = ref<any>(useSlots());
</script>