fix(useUserMedia): stop stream on scope dispose (#3757)

vueuse · Feb 20, 2024 · 6d44d9b · 6d44d9b
1 parent b3d7400
commit 6d44d9b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/core/useUserMedia/index.ts b/packages/core/useUserMedia/index.ts
@@ -1,6 +1,6 @@
 /* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */
 
-import type { MaybeRef } from '@vueuse/shared'
+import { type MaybeRef, tryOnScopeDispose } from '@vueuse/shared'
 import type { Ref } from 'vue-demi'
 import { ref, shallowRef, watch } from 'vue-demi'
 import { useSupported } from '../useSupported'
@@ -109,6 +109,10 @@ export function useUserMedia(options: UseUserMediaOptions = {}) {
     { immediate: true },
   )
 
+  tryOnScopeDispose(() => {
+    stop()
+  })
+
   return {
     isSupported,
     stream,