在VueJS中为buefy选项卡编写通用包装器

Question

无法在父级（b-tabs）中动态注入嵌套组件（b-tab-item的内容）实例。 在尝试创建一个模拟buefy tabs / tabItems的包装器（自定义组件）时遇到此问题。

  

无法动态推送<b-tab-item>内的正确标签内容。

使用（包装）：

<tabs>
    <tab label="Tab A">
        <label>First Name</label><input type="text" name="fName" />
    </tab>
    <tab label="Tab B">
        <label>Last Name</label><input type="text" name="lName" />
    </tab>
 </tabs>

预期产出：

<b-tabs>
    <b-tab-item label="Tab A">
      <label>First Name</label>
      <input type="text" name="fName" />
    </b-tab-item>
    <b-tab-item label="Tab B">
      <label>Last Name</label>
      <input type="text" name="lName" />
    </b-tab-item>
  </b-tabs>

到目前为止我所尝试的是在下面的Jsfiddle链接中： https://jsfiddle.net/nataraj_gnanavadivel/7bfxx9we/6/