Vue repro

Base fiddle to create a Vue reproduction

by Roman Joseph Rimorin

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <parent></parent>
</div>

JavaScript

Vue.component('parent', {
    template: '' +
    	'<child>' +
      	'<template :slot="slotName" scope="props">' +
        	'<p>{{props.text}}</p>' +
        '</template>' +
      '</child>',
    data: function () {
      return {
        slotName: "test"
      }
    }
});

Vue.component('child', {
    template: '' +
      '<div>' +
        '<slot name="test" text="Hello, World!">' +
        '</slot>' +
      '</div>'
});

new Vue({
  el: '#app',
  data: {
    slotName: "test"
  }
})