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");
}