fix(useWebWorker): SSR compatibility

packages/core/useFetch/index.md

@@ -128,7 +128,7 @@ interface UseFetchReturnBase<T> {
    */
   response: Ref<Response | null>
   /**
-   * Any fetch errors that may have occured
+   * Any fetch errors that may have occurred
    */
   error: Ref<any>
   /**
@@ -179,11 +179,11 @@ export interface BeforeFetchContext {
    */
   url: string
   /**
-   * The requset options of the current request
+   * The request options of the current request
    */
   options: RequestInit
   /**
-   * Cancels the current requset
+   * Cancels the current request
    */
   cancel: Fn
 }

packages/core/useWebWorker/index.md

@@ -39,11 +39,13 @@ const { data, post, terminate } = useWebWorker('/path/to/worker.js')
  *
  * @see   {@link https://vueuse.org/useWebWorker}
  * @param url
+ * @param workerOptions
  * @param options
  */
 export declare function useWebWorker(
   url: string,
-  options?: WorkerOptions
+  workerOptions?: WorkerOptions,
+  options?: ConfigurableWindow
 ): {
   data: Ref<any>
   post: {

packages/core/useWebWorker/index.ts

@@ -2,15 +2,25 @@
 
 import { ref, Ref } from 'vue-demi'
 import { tryOnUnmounted } from '@vueuse/shared'
+import { ConfigurableWindow, defaultWindow } from '../_configurable'
 
 /**
  * Simple Web Workers registration and communication.
  *
  * @see   {@link https://vueuse.org/useWebWorker}
  * @param url
+ * @param workerOptions
  * @param options
  */
-export function useWebWorker(url: string, options?: WorkerOptions) {
+export function useWebWorker(
+  url: string,
+  workerOptions?: WorkerOptions,
+  options: ConfigurableWindow = {},
+) {
+  const {
+    window = defaultWindow,
+  } = options
+
   const data: Ref<any> = ref(null)
   let worker: Worker
 
@@ -28,15 +38,18 @@ export function useWebWorker(url: string, options?: WorkerOptions) {
     worker.terminate()
   }
 
-  worker = new Worker(url, options)
+  if (window) {
+    // @ts-expect-error untyped
+    worker = new window.Worker(url, workerOptions)
 
-  worker.onmessage = (e: MessageEvent) => {
-    data.value = e.data
-  }
+    worker.onmessage = (e: MessageEvent) => {
+      data.value = e.data
+    }
 
-  tryOnUnmounted(() => {
-    worker.terminate()
-  })
+    tryOnUnmounted(() => {
+      worker.terminate()
+    })
+  }
 
   return {
     data,