From e84fa0f414acf65f0859fdfbef2555b26eecfc17 Mon Sep 17 00:00:00 2001
From: sibbng <sibbngheid@gmail.com>
Date: Sat, 16 Jul 2022 09:29:48 +0300
Subject: [PATCH 1/6] docs(useSpeechSynthesis): fix demo (#1930)

---
 packages/core/useSpeechSynthesis/demo.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/core/useSpeechSynthesis/demo.vue b/packages/core/useSpeechSynthesis/demo.vue
index 9fdaa0090ba..f3de9e63898 100644
--- a/packages/core/useSpeechSynthesis/demo.vue
+++ b/packages/core/useSpeechSynthesis/demo.vue
@@ -1,23 +1,28 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import { useSpeechSynthesis } from '@vueuse/core'
 
-const lang = ref('en-US')
+const voice = ref<SpeechSynthesisVoice>({ lang: 'en-US' } as SpeechSynthesisVoice)
 const text = ref('Hello, everyone! Good morning!')
 
 const speech = useSpeechSynthesis(text, {
-  lang,
+  lang: voice.value.lang,
 })
 
 let synth: SpeechSynthesis
 
 const voices = ref<SpeechSynthesisVoice[]>([])
 
+watch(voice, (newVoice) => {
+  speech.utterance.value.voice = newVoice
+})
+
 if (speech.isSupported) {
   // load at last
   setTimeout(() => {
     synth = window.speechSynthesis
     voices.value = synth.getVoices()
+    voice.value = voices.value[0]
   })
 }
 
@@ -57,7 +62,7 @@ const stop = () => {
       <label class="font-bold mr-2">Language</label>
       <div bg="$vt-c-bg" border="$vt-c-divider-light 1" inline-flex items-center relative rounded>
         <i i-carbon-language absolute left-2 opacity-80 pointer-events-none />
-        <select v-model="lang" px-8 border-0 bg-transparent h-9 rounded appearance-none>
+        <select v-model="voice" px-8 border-0 bg-transparent h-9 rounded appearance-none>
           <option bg="$vt-c-bg" disabled>
             Select Language
           </option>
@@ -65,7 +70,7 @@ const stop = () => {
             v-for="(voice, i) in voices"
             :key="i"
             bg="$vt-c-bg"
-            :value="voice.lang"
+            :value="voice"
           >
             {{ `${voice.name} (${voice.lang})` }}
           </option>

From 461920608641db00bdcfccd99001e14de5e5cb6b Mon Sep 17 00:00:00 2001
From: ZHAO Jinxiang <xiaoxiangmoe@gmail.com>
Date: Fri, 15 Jul 2022 23:31:05 -0700
Subject: [PATCH 2/6] fix(useFileDialog): explict `UseFileDialogReturn` type
 (#1927)

---
 packages/core/useFileDialog/index.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/core/useFileDialog/index.ts b/packages/core/useFileDialog/index.ts
index 966ab16f41f..44802753b80 100644
--- a/packages/core/useFileDialog/index.ts
+++ b/packages/core/useFileDialog/index.ts
@@ -1,4 +1,4 @@
-import { readonly, ref } from 'vue-demi'
+import { type Ref, readonly, ref } from 'vue-demi'
 import type { ConfigurableDocument } from '../_configurable'
 import { defaultDocument } from '../_configurable'
 
@@ -23,13 +23,19 @@ const DEFAULT_OPTIONS: UseFileDialogOptions = {
   accept: '*',
 }
 
+export interface UseFileDialogReturn {
+  files: Ref<FileList | null>
+  open: (localOptions?: Partial<UseFileDialogOptions>) => void
+  reset: () => void
+}
+
 /**
  * Open file dialog with ease.
  *
  * @see https://vueuse.org/useFileDialog
  * @param options
  */
-export function useFileDialog(options: UseFileDialogOptions = {}) {
+export function useFileDialog(options: UseFileDialogOptions = {}): UseFileDialogReturn {
   const {
     document = defaultDocument,
   } = options
@@ -74,5 +80,3 @@ export function useFileDialog(options: UseFileDialogOptions = {}) {
     reset,
   }
 }
-
-export type UseFileDialogReturn = ReturnType<typeof useFileDialog>

From 6c8fba9ea93030e18edb7ead023d9a581fd07bdc Mon Sep 17 00:00:00 2001
From: sand4rt <info@mesander.com>
Date: Sat, 16 Jul 2022 08:31:38 +0200
Subject: [PATCH 3/6] fix(useInfiniteScroll): add direction types (#1929)

---
 packages/core/useInfiniteScroll/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/useInfiniteScroll/index.ts b/packages/core/useInfiniteScroll/index.ts
index 71fb7653214..bf335f4c9eb 100644
--- a/packages/core/useInfiniteScroll/index.ts
+++ b/packages/core/useInfiniteScroll/index.ts
@@ -17,7 +17,7 @@ export interface UseInfiniteScrollOptions extends UseScrollOptions {
    *
    * @default 'bottom'
    */
-  direction?: 'top' | 'bottom'
+  direction?: 'top' | 'bottom' | 'left' | 'right'
 
   /**
    * Whether to preserve the current scroll position when loading more items.

From af3b34ddb533f393cf7000e44fb5f772bf6eea1c Mon Sep 17 00:00:00 2001
From: BaboonKing <changfan.xu.up@qq.com>
Date: Sat, 16 Jul 2022 14:32:04 +0800
Subject: [PATCH 4/6] docs(useObjectUrl): fix example (#1920)

---
 packages/core/useObjectUrl/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/useObjectUrl/index.md b/packages/core/useObjectUrl/index.md
index 8962710fd84..a014f749deb 100644
--- a/packages/core/useObjectUrl/index.md
+++ b/packages/core/useObjectUrl/index.md
@@ -18,7 +18,7 @@ import { shallowRef } from 'vue'
 const file = shallowRef()
 const url = useObjectUrl(file)
 
-const onFileChange = (e) => {
+const onFileChange = (event) => {
   file.value = event.target.files[0]
 }
 </script>

From 2670e23f2607d5bbf605483f1af5887a390f3529 Mon Sep 17 00:00:00 2001
From: aki77 <lala.akira+github@gmail.com>
Date: Sun, 17 Jul 2022 15:36:19 +0900
Subject: [PATCH 5/6] fix(useDropZone): improve argument type (#1933)

---
 packages/core/useDropZone/demo.vue | 2 +-
 packages/core/useDropZone/index.md | 2 +-
 packages/core/useDropZone/index.ts | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/core/useDropZone/demo.vue b/packages/core/useDropZone/demo.vue
index e694c34638c..ac25d1e3f27 100644
--- a/packages/core/useDropZone/demo.vue
+++ b/packages/core/useDropZone/demo.vue
@@ -15,7 +15,7 @@ function onDrop(files: File[] | null) {
   }
 }
 
-const dropZoneRef = ref<HTMLElement | null>(null)
+const dropZoneRef = ref<HTMLElement>()
 
 const { isOverDropZone } = useDropZone(dropZoneRef, onDrop)
 </script>
diff --git a/packages/core/useDropZone/index.md b/packages/core/useDropZone/index.md
index 824b7e02e91..776c6ba9b4d 100644
--- a/packages/core/useDropZone/index.md
+++ b/packages/core/useDropZone/index.md
@@ -12,7 +12,7 @@ Create an zone where files can be dropped.
 <script setup lang="ts">
 import { useDropZone } from '@vueuse/core'
 
-const dropZoneRef = ref(null)
+const dropZoneRef = ref<HTMLDivElement>()
 
 function onDrop(files: File[] | null) {
   // called when files are dropped on zone
diff --git a/packages/core/useDropZone/index.ts b/packages/core/useDropZone/index.ts
index 219a9f14d99..170e6a462f0 100644
--- a/packages/core/useDropZone/index.ts
+++ b/packages/core/useDropZone/index.ts
@@ -8,7 +8,7 @@ export interface UseDropZoneReturn {
   isOverDropZone: Ref<boolean>
 }
 
-export function useDropZone(target: MaybeRef<HTMLElement | null>, onDrop: (files: File[] | null) => void): UseDropZoneReturn {
+export function useDropZone(target: MaybeRef<HTMLElement | null | undefined>, onDrop: (files: File[] | null) => void): UseDropZoneReturn {
   const isOverDropZone = ref(false)
   let counter = 0
 

From 3e1e09891ef2576561dba4aedb82c7f63be92ebe Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Sun, 17 Jul 2022 15:26:44 +0800
Subject: [PATCH 6/6] chore: release v8.9.4

---
 package.json                       | 2 +-
 packages/components/package.json   | 2 +-
 packages/core/package.json         | 2 +-
 packages/electron/package.json     | 2 +-
 packages/firebase/package.json     | 2 +-
 packages/integrations/package.json | 2 +-
 packages/metadata/package.json     | 2 +-
 packages/nuxt/package.json         | 2 +-
 packages/router/package.json       | 2 +-
 packages/rxjs/package.json         | 2 +-
 packages/shared/package.json       | 2 +-
 11 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 61192604bcf..305ae85e2f4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/monorepo",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "private": true,
   "packageManager": "pnpm@7.1.7",
   "description": "Collection of essential Vue Composition Utilities",
diff --git a/packages/components/package.json b/packages/components/package.json
index 8b4f1e18168..8ad62461a92 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/components",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Renderless components for VueUse",
   "author": "Jacob Clevenger<https://github.com/wheatjs>",
   "license": "MIT",
diff --git a/packages/core/package.json b/packages/core/package.json
index 88f77e969cf..9c5a4312a17 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/core",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Collection of essential Vue Composition Utilities",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/electron/package.json b/packages/electron/package.json
index f170b474aff..9224c3dc97e 100644
--- a/packages/electron/package.json
+++ b/packages/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/electron",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Electron renderer process modules for VueUse",
   "author": "Archer Gu<https://github.com/ArcherGu>",
   "license": "MIT",
diff --git a/packages/firebase/package.json b/packages/firebase/package.json
index 3f15f274659..7cb88af218c 100644
--- a/packages/firebase/package.json
+++ b/packages/firebase/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/firebase",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Enables realtime bindings for Firebase",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/integrations/package.json b/packages/integrations/package.json
index 5cdd33c3713..7a4610c205b 100644
--- a/packages/integrations/package.json
+++ b/packages/integrations/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/integrations",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/metadata/package.json b/packages/metadata/package.json
index fd1655a9e71..2cf00d0af47 100644
--- a/packages/metadata/package.json
+++ b/packages/metadata/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/metadata",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Metadata for VueUse functions",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index 0f0aead0ea1..00020539013 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/nuxt",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "VueUse Nuxt Module",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/router/package.json b/packages/router/package.json
index 0967d2fb910..6008245abef 100644
--- a/packages/router/package.json
+++ b/packages/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/router",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Utilities for vue-router",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/rxjs/package.json b/packages/rxjs/package.json
index dc6a8c814ad..15f2534c6ef 100644
--- a/packages/rxjs/package.json
+++ b/packages/rxjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/rxjs",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "description": "Enables RxJS reactive functions in Vue",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 0c84645126b..0dc58961004 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/shared",
-  "version": "8.9.3",
+  "version": "8.9.4",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/antfu",