菜单选项

<template>
    <mi-menu :items="items" />
</template>

<script setup lang="ts">
    import { reactive, createVNode } from 'vue'
    import { ThunderboltOutlined, FilterOutlined, FireFilled } from '@ant-design/icons-vue'

    const items = reactive([{
        name: 'start',
        path: '/start',
        meta: {
            title: '快速上手',
            subTitle: 'Getting Started',
            icon: createVNode(ThunderboltOutlined),
            tag: { color: '#f50', content: 'Hot' }
        }
    }, {
        name: 'theme',
        path: '/theme',
        meta: {
            title: '主题定制',
            subTitle: 'Custom Theme',
            icon: createVNode(FilterOutlined),
            tag: { icon: createVNode(FireFilled), color: '#ed4014' }
        }
    }])
</script>