docs(useVibrate): add demo for useVibrate with support check and controls (#4882)

ArthurDarkstone · Alfred-Skyblue · web-flow · commit 9725bf2ca34d · 2025-07-17T15:41:25.000Z
Co-authored-by: 远方os &lt;yangpanteng@gmail.com&gt;
diff --git a/packages/core/useVibrate/demo.vue b/packages/core/useVibrate/demo.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { useVibrate } from './index'
+
+const {
+  isSupported,
+  vibrate,
+  stop,
+} = useVibrate()
+</script>
+
+<template>
+  <div class="grid grid-cols-1 gap-x-4 gap-y-4">
+    <div>{{ isSupported ? 'Vibration API Supported' : 'Your browser does not support the Vibration API' }}</div>
+
+    <div v-if="isSupported">
+      <button @click="vibrate()">
+        Vibrate
+      </button>
+
+      <button @click="stop()">
+        Stop
+      </button>
+    </div>
+  </div>
+</template>
