Introduce v-directives, for declarative directive binding, just like v-bind for props binding

[Lionad-Morotar]

using withDirectives can bind directive easily in js, but for template writing, the non-exist v-directives is more convenience

<template>
    <component v-bind="datas" v-directives="directives" />
</template>
<script setup>
  const datas = reactive({
    props1: 'name'
  })
  const directives = {
    loading: computed(() => 'v-loading datas')
  }
</script>