feat: better template support

[TheAlexLichter]

Addresses issues left over in #202, especially that templates in the parent component are applied with child values.

Scenarios:

• Parent template, child value
• Parent template, child template, child value
• Parent template, parent value child template (not sure if even possible, failing test is included)

[TheAlexLichter]

cc @joshukraine, @moltar, @conceptdeluxe

[TheAlexLichter]

This one is still a problem 😞

[joshukraine]

@manniL Thanks for working on this! 🙂

[codecov]

Codecov Report

Merging #248 into master will increase coverage by 5.01%.
The diff coverage is 100%.

@@            Coverage Diff            @@
##           master    #248      +/-   ##
=========================================
+ Coverage   35.29%   40.3%   +5.01%     
=========================================
  Files          18      18              
  Lines         255     263       +8     
=========================================
+ Hits           90     106      +16     
+ Misses        165     157       -8

Impacted Files	Coverage Δ
src/shared/plugin.js	51.72% <ø> (ø)	⬆️
src/shared/getMetaInfo.js	94.64% <100%> (+17.09%)	⬆️
src/shared/constants.js	100% <100%> (ø)	⬆️
src/shared/getComponentOption.js	100% <100%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 959f1a7...8672709. Read the comment docs.

[atinux]

Working on multi nested child with templates to make sure it works perfectly

[atinux]

Well, at the moment it supports only one child with template, it's fine and more children should not happen in usage. Will see if people need this.

[conceptdeluxe]

Works like a charm :)

Thank you so much! 👍 💯

[Sylk]

Hey @manniL can I get a use case example of this? Because currently the documentation seems to reflect the older version of how to use this.

[TheAlexLichter]

@Sylk Please check the tests for it for now. Don't have an example ready yet ☺️

[Sylk]

I'm fairly new to this, so reading them helped a bit. But to follow up, do I need to apply the following to every instance of og:title or whatever I'm attempting to create a template for?

template: chunk => ${chunk}``

[TheAlexLichter]

@Sylk I've created the example from the tests
https://codesandbox.io/s/038mp9vkov

As you see, App.vue has an og:title set ("Test title") and also a template for it ( template: chunk => `${chunk} - My page).

The child component HelloWorld.vue has just a title set ("An important title!"). But the title (from HelloWorld) applied to the template (from App.vue) will be shown