JSFiddle - React, Tailwind, and code Playground

by SUNGMIN SHIN

HTML

<!-- template(#story-template) -->
<template id="story-template">
	<h1>{{plot}}</h1>
</template>


<div id="container">
  <story plot="my horse is amazing."></story>
  <story plot="narwhals invented shish kebab."></story>
  <story plot="the dark side of the force is stronger."></story>
</div>
<!-- // #container -->

JavaScript

Vue.component('story', {
	props: ['plot'],
	template: '#story-template'
});

new Vue({
	el: '#container'
});