diff --git a/app.vue b/app.vue index 5aa8c8e..80fc78e 100644 --- a/app.vue +++ b/app.vue @@ -1,7 +1,7 @@ diff --git a/components/Message.vue b/components/Message.vue index c9172ee..b10eed8 100644 --- a/components/Message.vue +++ b/components/Message.vue @@ -72,7 +72,7 @@ import type { ContextMenuInterface, ContextMenuItem } from '~/types/interfaces'; const props = defineProps(); -const contextMenu = useState("contextMenu", () => ({ show: false, cursorX: 0, cursorY: 0, items: [] })); +const contextMenu = useState("contextMenu", () => ({ show: false, pointerX: 0, pointerY: 0, items: [] })); const messageElement = ref(); diff --git a/types/interfaces.ts b/types/interfaces.ts index 088e20b..b2f63a3 100644 --- a/types/interfaces.ts +++ b/types/interfaces.ts @@ -107,7 +107,7 @@ export interface ContextMenuItem { export interface ContextMenuInterface { show: boolean, - cursorX: number, - cursorY: number, + pointerX: number, + pointerY: number, items: ContextMenuItem[] } diff --git a/utils/removeContextMenu.ts b/utils/removeContextMenu.ts index d66a64b..7e10737 100644 --- a/utils/removeContextMenu.ts +++ b/utils/removeContextMenu.ts @@ -4,8 +4,8 @@ export default (contextMenu: Ref) => { console.log("resetting and hiding context menu"); contextMenu.value = { show: false, - cursorX: 0, - cursorY: 0, + pointerX: 0, + pointerY: 0, items: [] } console.log("hidden context menu"); diff --git a/utils/showContextMenu.ts b/utils/showContextMenu.ts index 64e23a6..fdf5243 100644 --- a/utils/showContextMenu.ts +++ b/utils/showContextMenu.ts @@ -2,11 +2,11 @@ import { render } from "vue"; import ContextMenu from "~/components/UserInterface/ContextMenu.vue"; import type { ContextMenuInterface, ContextMenuItem } from "~/types/interfaces"; -export default (e: MouseEvent, contextMenu: ContextMenuInterface, menuItems: ContextMenuItem[]) => { +export default (e: MouseEvent | PointerEvent, contextMenu: ContextMenuInterface, menuItems: ContextMenuItem[]) => { console.log("Showing context menu"); contextMenu.show = true; - contextMenu.cursorX = e.clientX; - contextMenu.cursorY = e.clientY; + contextMenu.pointerX = e.clientX; + contextMenu.pointerY = e.clientY; contextMenu.items = menuItems; console.log("Showed"); }