vuejs3 - Vue 3 -> 自定义 v-title 指令（将组件包装在其他组件中）

Question

我正在使用 Vue 3，并且我有一个使用 Popper.js 来显示漂亮工具提示的组件。它是这样使用的：

<Pop text="some tooltip message">
    <div>this is element with tooltip</div>
</Pop>

我想让它自定义指令，但我找不到任何示例，只是非常简单的自定义指令，例如：

app.directive('focus', {
    mounted(el) {
        el.focus()
    }
})

我希望它有点像这样工作：

<div v-pop="some tooltip message">this is element with tooltip</div>

但我不太明白如何以编程方式创建 Pop 组件以及如何将“el”设置为它的插槽和渲染。

请问有人知道或知道一些教程吗？