feat(directiveComponent): create new composable

[kieuminhcanh]

The useDirectiveComponent directive is a powerful utility that allows you to render Vue components dynamically and mount them to DOM elements using directives. It simplifies the process of creating and managing dynamic components in your Vue applications.

<template>
  <v-btn v-tooltip-directive="{ text: 'This is dynamic tooltip' }">Hello</v-btn>
</template>

<script setup>
  import { useDirectiveComponent } from "vuetify/composables/directiveComponent";

  const vTooltipDirective = useDirectiveComponent('VTooltip', { activator: 'parent' });
</script>

[kieuminhcanh]

I've got error with your update. You can try my demo. I also realize that useLayoutItem called before provide(VuetifyLayoutKey, {...}) finish in layout.ts.