Directives are not passed down to functional components with a template

Version

15.4.0

Reproduction link

https://codesandbox.io/s/7yxprmx12j

Steps to reproduce

• A component with <template functional>
• A parent component including the previous component with v-show=“false” directive

What is expected?

Expected to hide the child component

What is actually happening?

The child component is still shown, no CSS style added on the component

---

I’m posting on vue-loader specifically because of this issue: https://github.com/vuejs/vue/issues/8261

Thanks for your work 😃

Sidenote: a raw tag in a field of this bug report page (<xxx>), without using backquotes, breaks the preview.

[econic]

This bug is almost a year old and there’s not even an official comment.

It requires me to write simple things

<ListItem>
	<SomeComponent #icon />
	<OtherComponent #head />
	<ThirdComponent #footer />
</ListItem>

totally bloated

<ListItem>
	<template #icon>
		<SomeComponent />
	</template>
	<template #head>
		<OtherComponent />
	</template>
	<template #footer>
		<ThirdComponent />
	</template>
</ListItem>

Because otherwise if in the future someone will rewrite SomeComponent, OtherComponent or ThirdComponent into a functional component, he will inevitably break this code. Without even knowing.

Also i can’t add tooltips and other stuff that builds on top of directives to functional components 🤦‍♂ Could at least some core member please comment on this. Is it just not going to happen? Is it possible but i’d have to write a PR? Is there some kind of bigger issue to this?

[emilianodelvalle]

I have the same issue. It seems like a big issue if you have a big app…