added stop and start controls for geolocation watcher

vueuse · Oct 28, 2022 · 39b1f00 · 39b1f00
1 parent a849634
commit 39b1f00
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/core/useGeolocation/demo.vue b/packages/core/useGeolocation/demo.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import { useGeolocation } from '@vueuse/core'
 
-const { coords, locatedAt, error } = useGeolocation()
+const { coords, locatedAt, error, stop, start } = useGeolocation()
 </script>
 
 <template>
-  <pre lang="json">{{
+  <div>
+    <pre lang="json">{{
     JSON.stringify(
       {
         coords: {
@@ -24,4 +25,11 @@ const { coords, locatedAt, error } = useGeolocation()
       2,
     )
   }}</pre>
+    <button @click="stop">
+      Stop watch
+    </button>
+    <button @click="start">
+      Start watch
+    </button>
+  </div>
 </template>