It seems like whenever there is two or more <content> tags inside a Component template, you must either replace all of them or else the original will not show for those selectors for which no replacement is specified.
Consider the following Component template:
<div class="ui active progress">
<content select="div.bar">
<div class="bar" v-style="width: progress + '%'">
<div class="progress">{{progress}}%</div>
</div>
</content>
<content select="div.label">
<div class="label">Uploading files</div>
</content>
</div>
After I properly register the component using Vue.component('ui-progress', definition) and attempt this:
<ui-progress>
<div class="label">Transcoding video...</div>
</ui-progress>
Here the div.bar block disappears because I did not provide a replacement for it instead of falling back to the div.bar markup specified in the original template. Can you please confirm if this the desired behavior? Imo it would make sense only the selectors for which a replacement is specified to be changed and the original template to remain intact for the rest of the <content> pieces.
Would be happy to prepare a jsfiddle if you need me to!
Best,
Agon
p.s. I'm working with Vue 0.11-rc3 if that makes any difference.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4