Vue 2.7 - Custom directive applied externally to functional component

[tibineagu]

Any idea how (or if) a custom directive can be applied from the parent to a custom functional component?

My code looks something like:

<my-functional-component v-my-directive="..." />

The directive code never gets executed, none of the hook functions are triggered.

This happens with functional components built with either <template functional> or render functions.

EDIT - please see reproduction at codesandbox link

[liulinboyi]

Can you provide a minimum reproduction such as a playground or git repository?

[tibineagu]

hi @liulinboyi - thanks for your reply.

I updated the original post, and re-linking the playground here:
https://codesandbox.io/s/infallible-brown-s5yzp5

[tibineagu]

sorry about the spam but just hoping someone can provide some clarity on this?