JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <my-component :index="1">
    <template slot="line-1">First line</template>
  </my-component>
</div>

<template id="my-component">
  <div class="wrapper">
    <span id="line-{{ index }}"></span>
    <slot name="line-{{ index }}"></slot>
  </div>
</template>

JavaScript

Vue.component("my-component", {
	"template": "#my-component",
  "props": ["index"]
})

new Vue({
  el: "#app"
})