JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

JavaScript

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