自定义属性分组

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

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

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

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