movie javascript code around

src/SvgPanZoom.vue

@@ -0,0 +1,24 @@
+<template>
+    <div>
+        <slot />
+    </div>
+</template>
+
+
+<script>
+import svg_pan_zoom from 'svg-pan-zoom';
+
+import props from './props';
+
+export default {
+    props,
+    mounted: function() {
+        let options = {};
+
+        Object.keys(props).filter( k => this[k] !== undefined ).forEach( k => options[k] = this[k] );
+        console.log(options);
+        svg_pan_zoom( this.$slots.default[0].elm , options );
+    },
+};
+
+</script>

src/index.js

@@ -0,0 +1,4 @@
+import SvgPanZoom from './SvgPanZoom.vue';
+
+export { SvgPanZoom };
+export default SvgPanZoom;

src/layers.stories.vue

@@ -30,7 +30,7 @@
 
 
 <script>
-import SvgPanZoom from './index.vue';
+import SvgPanZoom from './index';
 
 export default {
     computed: {

src/props.js

@@ -1,13 +1,4 @@
-<template>
+export default {
-    <div>
-        <slot />
-    </div>
-</template>
-
-<script>
-import svg_pan_zoom from 'svg-pan-zoom';
-
-let props = {
         'zoomEnabled':               { type: Boolean, default: true },
         'controlIconsEnabled':       { type: Boolean, default: false },
         'fit':                       { type: Boolean, default: true },
@@ -30,15 +21,3 @@ let props = {
         , customEventsHandler:   { }
         , eventsListenerElement: {  }
 };
-
-export default {
-    props,
-    mounted: function() {
-        let options = {};
-
-        Object.keys(props).filter( k => this[k] !== undefined ).forEach( k => options[k] = this[k] );
-        console.log(options);
-        svg_pan_zoom( this.$slots.default[0].elm , options );
-    },
-};
-</script>

src/stories.js

@@ -1,6 +1,6 @@
 import { storiesOf } from '@storybook/vue';
 import { withKnobs, text, number, boolean } from '@storybook/addon-knobs';
-import SvgPanZoom from './index.vue';
+import SvgPanZoom from './index';
 
 import RawTiger from './RawTiger.vue';
 

src/thumbnail.stories.vue

@@ -11,7 +11,7 @@
 
 
 <script>
-import { SvgPanZoom, SvgPanZoomThumbnail } from './index.vue';
+import { SvgPanZoom, SvgPanZoomThumbnail } from './index';
 
 export default {
     components: {  SvgPanZoom, SvgPanZoomThumbnail },