fix(src/server/render.js): Fixes component directives rendering

[trecenti]

fix #10733

SSR render does not execute directives attached to a component, this is happening because during SSR render we're using the component's root element as a source for rendering, thus there's no directive associated with it.

This fixes it by copying directives from the Component declaration to the Component's root element, while rendering the root element it references the Component instance vnode to properly render it's modules applying the directives.

What kind of change does this PR introduce? (check at least one)

• Bugfix
• Feature
• Code style update
• Refactor
• Build-related changes
• Other, please describe:

Does this PR introduce a breaking change? (check one)

• Yes
• No

The PR fulfills these requirements:

• It's submitted to the dev branch for v2.x (or to a previous version branch), not the master branch
• When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)
• All tests are passing: https://github.com/vuejs/vue/blob/dev/.github/CONTRIBUTING.md#development-setup
• New/updated tests are included

[tylerforesthauser]

Is there an explicit reason this fix hasn't yet been implemented?

[trecenti]

I'm closing this should you still need this change LMK and I can re-open it.

[manniL]

Please reopen! 🙏🏻

[buffalom]

This still seems to be an issue, if I am not mistaken. Is there a reason why this has been closed?

[drewbaker]

I really need this fixed @trecenti. We use a custom directive to animate a parallax effect.