JSFiddle - React, Tailwind, and code Playground

by Omid Ha

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.21/vue.js"></script>
    <svg id="app">
      <svg-line></svg-line>
    </svg>
    <template id="svg-lineTemp">
      <line x1="0" y1="0" x2="100" y2="100"></line>
    </template>

CSS

line {
      stroke: #749db2;
      stroke-width: 2;
      }

JavaScript

Vue.component('svg-line', {
        template: '#svg-lineTemp'
      });
      vm = new Vue({
        el: '#app'
      });