added SVG to start view

But cant get it elsewhere, least library is working not needs to be global or something ?

src/components/signin.vue

@@ -6,6 +6,7 @@
   <input type="text" name="email" v-model="input.email" placeholder="Email" />
   <button type="button" v-on:click="signin()">Sign in</button>
   <font-awesome-icon icon="sign-in-alt" size="3x"/>
+ 
 </section>
 
 </template>

src/components/spatialui.vue

 <template>
 
  <div id="spatialui">
-   <svgjs />
 
 
   </div>
@@ -15,8 +14,9 @@ export default {
   }
 }
 
+
 // SVG UI needs
- //var draw = SVG('spatialui').size(300, 300)
+// var draw = SVG('spatialui').size(300, 300)
     
 // var links = draw.group()
 // var markers = draw.group()

src/main.js

@@ -2,7 +2,6 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 
-
 // Font awesome import statements
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSignInAlt } from '@fortawesome/free-solid-svg-icons'
@@ -11,21 +10,23 @@ library.add(faSignInAlt)
 Vue.component('font-awesome-icon', FontAwesomeIcon)
 // end Font Awesome
 
-import { SvgJs } from 'svg.js'
-Vue.component('svgjs', SvgJs)
+import SVG from 'svg.js'
+import draggy from 'svg.draggy.js'
+
+//Vue.component('svgjs', SVG)
+//Vue.prototype.$MYSVG = SVG
 
-//import SVG from 'svg.js'
 // import connect from 'svg.connectable.js'
-// import draggy from 'svg.draggy.js'
+
 
 Vue.config.productionTip = false
-//Object.defineProperty(Vue.prototype, '$SVG', { value: SVG });
+
 //Object.defineProperty(Vue.prototype, '$connect', { value: connect });
 //Object.defineProperty(Vue.prototype, '$draggy', { value: draggy });
 
 
 new Vue({
-  router, //SVG,
+  router,
   render: h => h(App)
 }).$mount('#app')
 
@@ -33,3 +34,6 @@ new Vue({
 require('@/assets/js/custom')
 }
 
+var draw = SVG('testsvg').size(300, 300)
+var rect_1 = draw.rect(50, 50).attr({ fill: '#f06' })
+rect_1.draggy();
\ No newline at end of file

src/views/start.vue

 <template>
-<div> 
-<header>
-<h3 class="hello">You are connected to instance : {{instancename}}</h3>
-</header>
-<div  id="start">
-<signin :instancename="instancename"></signin>
-<register></register>
-</div>
-</div>
+    <div> 
+        <header>
+        <h3 class="hello">You are connected to instance : {{instancename}}</h3>
+        </header>
+        <div  id="start">
+        <signin :instancename="instancename"></signin>
+        <register></register>
+        </div>
+         
+    <div id="testsvg">
+       <p>SVG icon and draggable</p>
+        <!-- the SVG.js stuff appears here -->
+    </div>
+
+    </div>
 </template>
 
 <script>