update example to support enabled-prop

Author: LinusBorg

example/components.js

@@ -1,17 +1,20 @@
 import Vue from 'vue'
 
 Vue.component('container', {
+  props: ['state'],
   template: `
-    <div class="container">
+    <div class="container" :state="state">
       <slot></slot>
     </div>
   `,
 })
 
 Vue.component('rotator', {
+  props: ['state'],
   template: `
     <container>
       <v-touch
+        :enabled="state"
         @rotatestart="start"
         @rotate="rotate"
         @doubletap="reset"

example/example.js

@@ -25,7 +25,8 @@ Vue.use(VueTouch)
 new Vue({
   el: '#app',
   data: {
-    event: {}
+    event: {},
+    state: {rotate: true, doubletap: true}
   },
   methods: {
     test: function (e) {

example/index.html

@@ -23,9 +23,13 @@
       </v-touch> -->
       <pre>{{event}}</pre>
 
-      <rotator>
+      <rotator :state="state">
         rotate me!
       </rotator>
+      <div>
+        <button @click="state.doubletap = !state.doubletap"> ({{state.doubletap ? 'enabled' : 'disabled' }})</button>
+      </div>
+      <pre>{{$data}}</pre>
     </div>
     <script src="vendor.build.js"></script>
     <script src="example.build.js"></script>