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

noook · Mar 26, 2024 · 79f04c3 · 79f04c3
1 parent 5375c1e
commit 79f04c3
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,