How could I remove a vnode in custom directive?

[s3xysteak]

I want to make a custom directive, which will send request to verify permissions, and decide if the vnode should be removed.

But I don't know how to remove the vnode in custom directive. Should I use something like vnode.destory() or el.remove()?

It looks like:

<script setup lang="ts">
const vAuth: Directive = {
  async created() {
    const removed = await Req()
    removed && remove()
  }
}
</script>

<template>
  <div>
    <section v-auth.foo />
  </div>
</template>

[tlcuax]

May be you can try like this: <section v-auth.foo="hide" v-if="!hide" />