vue3 模态 unoverlay-vue

引用中提到了一个使用Bootstrap 5的vue 3的简单模态组件unoverlay-vue。根据描述，该组件需要先安装Bootstrap 5和Popper，然后可以在main.js中引入它们。在组件中，可以使用Vudal来创建模态窗口。

下面是一个使用unoverlay-vue的简单示例：

// 在main.js中引入Bootstrap和Popper
import 'bootstrap/dist/css/bootstrap.css'
import '@popperjs/core/dist/umd/popper.js'

// 在组件中引入unoverlay-vue和Vudal
import UnoverlayVue from 'unoverlay-vue'
import { Vudal } from 'unoverlay-vue'

// 注册unoverlay-vue
app.use(UnoverlayVue)

// 在组件中使用Vudal创建模态窗口
<template>
  <Vudal title="Modal Title">
    <p>Modal Content</p>
  </Vudal>
</template>