replace MaybeElement import

empathyco · Jan 19, 2024 · e6ab9e6 · e6ab9e6
1 parent 6ae369f
commit e6ab9e6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/x-components/src/components/display-emitter.vue b/packages/x-components/src/components/display-emitter.vue
@@ -6,7 +6,6 @@
 
 <script lang="ts">
   import { defineComponent, onUnmounted, PropType, Ref, ref } from 'vue';
-  import { MaybeElement } from '@vueuse/core';
   import { TaggingRequest } from '@empathyco/x-types';
   import { useEmitDisplayEvent } from '../composables/use-on-display';
   import { WireMetadata } from '../wiring';
@@ -41,7 +40,7 @@
     setup(props) {
       const root = ref(null);
       const { unwatchDisplay } = useEmitDisplayEvent({
-        element: root as Ref<MaybeElement>,
+        element: root as Ref<HTMLElement | null>,
         taggingRequest: props.payload,
         ...(props.eventMetadata && { eventMetadata: props.eventMetadata })
       });

diff --git a/packages/x-components/src/composables/use-on-display.ts b/packages/x-components/src/composables/use-on-display.ts
@@ -1,5 +1,5 @@
 import { Ref, watch, WatchStopHandle } from 'vue';
-import { MaybeElement, useElementVisibility } from '@vueuse/core';
+import { useElementVisibility } from '@vueuse/core';
 import { TaggingRequest } from '@empathyco/x-types';
 import { WireMetadata } from '../wiring';
 import { use$x } from './use-$x';
@@ -73,7 +73,7 @@ export function useEmitDisplayEvent({
  * Options for the {@link useOnDisplay} composable.
  */
 type UseOnDisplayOptions = {
-  element: HTMLElement | Ref<MaybeElement>;
+  element: HTMLElement | Ref<HTMLElement | null>;
   callback: () => void;
   triggerOnce?: boolean;
 };