<script lang="ts" setup>
|
import { useDrawer } from '@jnpf/ui/drawer';
|
|
import { VbenIconButton } from '@vben-core/shadcn-ui';
|
|
import { Tooltip } from 'ant-design-vue';
|
|
import { $t } from '#/locales';
|
|
import CollectDrawer from './CollectDrawer.vue';
|
|
function openDrawer() {
|
openCollectDrawer(true, {});
|
}
|
|
const [registerDrawer, { openDrawer: openCollectDrawer }] = useDrawer();
|
</script>
|
<template>
|
<Tooltip :mouse-enter-delay="0.5" :title="$t('layout.header.myCollect')" placement="bottom">
|
<VbenIconButton class="global-header-icon rounded-md px-[10px]" @click="openDrawer">
|
<i class="icon-ym icon-ym-header-star text-[18px] text-foreground"></i>
|
</VbenIconButton>
|
</Tooltip>
|
<CollectDrawer @register="registerDrawer" />
|
</template>
|
