add hover event

genome-vuer/src/js/feature.js

@@ -2,7 +2,7 @@ Vue.component("feature",{
   template: 
     `
     <svg :height="svgHeight" :width="svgWidth" :x="svgX" :y="svgY">
-        <polygon :points="arrow_coordinates" :style=featureStyle @click="clickEvent" />
+        <polygon :points="arrow_coordinates" :style=featureStyle @click="clickEvent" @mouseover="hoverEvent" />
     </svg>
     `,
   props: ['svgWidth', 'svgHeight', 'svgX', 'svgY', 'color', 'borderColor', 'featureId'],
@@ -30,6 +30,9 @@ Vue.component("feature",{
   methods: {
     clickEvent (evt) {
       this.$emit('click', this.featureId)
+    },
+    hoverEvent (evt) {
+      this.$emit('hover', this.featureId)
     }
   },
   data: function(){