<h3 dir="auto">Version</h3>
<p dir="auto">2.5.17</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/nrpjvl3v0" rel="nofollow">https://codesandbox.io/s/nrpjvl3v0</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">If you look at the linked code sandbox, there is a simple directive being used on a normal component, a functional component using a render function, and a functional component using a template.  I could not find a way to get the directive passed through in the functional template example.  Essentially a similar approach to <code class="notranslate">v-bind="attrs"</code> and <code class="notranslate">v-on='listeners"</code> but for directives.</p>
<p dir="auto">Is this currently possible?  If not, would it be considered?  Otherwise - in order to write functional template components, you would need to ensure they are never intended to be used with custom directives.</p>
<p dir="auto">Our specific use case was that we have a base button component that is a functional template components, but it doesn't work with <a href="https://www.npmjs.com/package/vue2-touch-events" rel="nofollow">https://www.npmjs.com/package/vue2-touch-events</a></p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">A method through the functional template to proxy through directives.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The custom directive cannot be applied to the functional template component.</p>
<h3 dir="auto">Version</h3>
<p dir="auto">15.4.0</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/7yxprmx12j" rel="nofollow">https://codesandbox.io/s/7yxprmx12j</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ul dir="auto">
<li>A component with <code class="notranslate">&lt;template functional&gt;</code></li>
<li>A parent component including the previous component with v-show="false" directive</li>
</ul>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Expected to hide the child component</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The child component is still shown, no CSS style added on the component</p>
<hr>
<p dir="auto">I'm posting on vue-loader specifically because of this issue: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="327149821" data-permission-text="Title is private" data-url="https://github.com/vuejs/vue/issues/8261" data-hovercard-type="issue" data-hovercard-url="/vuejs/vue/issues/8261/hovercard" href="https://github.com/vuejs/vue/issues/8261">vuejs/vue#8261</a></p>
<p dir="auto">Thanks for your work :)</p>
<p dir="auto">Sidenote: a raw tag in a field of this bug report page (<code class="notranslate">&lt;xxx&gt;</code>), without using backquotes, breaks the preview.</p>