自定义属性分组

通过 group-key 属性可以自定义一级下拉框属性分组。

<script setup lang="ts">
import { reactive, ref } from 'vue'
import { data } from './group-key-data'

const tags = ref([])
const items = reactive(data)
</script>

<template>
  <ClientOnly>
    <tiny-search-box v-model="tags" :items="items" />
  </ClientOnly>
</template>