Vueuse major ver upgrade, updates

client/src/composables/fileDrop.ts

@@ -1,4 +1,4 @@
-import { type MaybeComputedRef, useEventListener } from "@vueuse/core";
+import { type MaybeRefOrGetter, useEventListener } from "@vueuse/core";
 import { computed, type Ref, ref, unref } from "vue";
 
 export type FileDropHandler = (event: DragEvent) => void;
@@ -11,9 +11,9 @@ export type FileDropHandler = (event: DragEvent) => void;
  * @param idleTime how long to wait until state resets
  */
 export function useFileDrop(
-    dropZone: MaybeComputedRef<EventTarget | null | undefined>,
+    dropZone: MaybeRefOrGetter<EventTarget | null | undefined>,
     onDrop: Ref<FileDropHandler> | FileDropHandler,
-    solo: MaybeComputedRef<boolean>,
+    solo: MaybeRefOrGetter<boolean>,
     idleTime = 800
 ) {
     /** returns if any bootstrap modal is open */

client/src/composables/filter/filter.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeComputedRef } from "@vueuse/core";
+import type { MaybeRefOrGetter } from "@vueuse/core";
 import type { Ref } from "vue";
 
 /**
@@ -9,7 +9,7 @@ import type { Ref } from "vue";
  * @param objectFields string array of fields to filter by on each object
  */
 export declare function useFilterObjectArray<O extends object, K extends keyof O>(
-    array: MaybeComputedRef<Array<O>>,
-    filter: MaybeComputedRef<string>,
-    objectFields: MaybeComputedRef<Array<K>>
+    array: MaybeRefOrGetter<Array<O>>,
+    filter: MaybeRefOrGetter<string>,
+    objectFields: MaybeRefOrGetter<Array<K>>
 ): Ref<O[]>;

client/src/composables/sensors/animationFrameResizeObserver.ts

@@ -1,4 +1,4 @@
-import type { MaybeComputedRef } from "@vueuse/core";
+import type { MaybeRefOrGetter } from "@vueuse/core";
 import { resolveUnref } from "@vueuse/core";
 
 import { useAnimationFrame } from "./animationFrame";
@@ -8,7 +8,7 @@ type CallbackValue = { clientSize: Size; scrollSize: Size };
 export type AnimationFrameResizeObserverCallback = (newValue: CallbackValue, oldValue: CallbackValue) => void;
 
 export function useAnimationFrameResizeObserver(
-    element: MaybeComputedRef<HTMLElement | null>,
+    element: MaybeRefOrGetter<HTMLElement | null>,
     callback: AnimationFrameResizeObserverCallback
 ) {
     let clientSize = { width: 0, height: 0 };

client/src/composables/sensors/animationFrameScroll.ts

@@ -1,10 +1,10 @@
-import type { MaybeComputedRef } from "@vueuse/core";
+import type { MaybeRefOrGetter } from "@vueuse/core";
 import { resolveUnref } from "@vueuse/core";
 import { reactive, ref } from "vue";
 
 import { useAnimationFrame } from "./animationFrame";
 
-export function useAnimationFrameScroll(element: MaybeComputedRef<HTMLElement | null>) {
+export function useAnimationFrameScroll(element: MaybeRefOrGetter<HTMLElement | null>) {
     const scrollLeft = ref(0);
     const scrollTop = ref(0);
 

client/src/composables/sensors/animationFrameSize.ts

@@ -1,9 +1,9 @@
-import { type MaybeComputedRef, resolveUnref } from "@vueuse/core";
+import { type MaybeRefOrGetter, resolveUnref } from "@vueuse/core";
 import { ref } from "vue";
 
 import { useAnimationFrameResizeObserver } from "./animationFrameResizeObserver";
 
-export function useAnimationFrameSize(target: MaybeComputedRef<HTMLElement | null>) {
+export function useAnimationFrameSize(target: MaybeRefOrGetter<HTMLElement | null>) {
     const width = ref(0);
     const height = ref(0);