adds mobile support

Author: JanEberlein

package-lock.json

@@ -11,7 +11,8 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "vue": "^3.4.15"
+    "vue": "^3.4.15",
+    "vue3-touch-events": "^4.1.8"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.3.3",

package.json

@@ -24,6 +24,7 @@ function revealCell() {
 
 function markCell() {
   if (gameOver.value) return
+  if (cell.value.revealed) return
   switch (cell.value.marked) {
     case '':
       cell.value.marked = '🚩'
@@ -62,6 +63,7 @@ const cellContent = computed(() => {
       'shadow-slate-600 border-r-2 border-b-2 border-slate-200': cell.revealed,
       'shadow-white border-r-2 border-b-2 border-slate-400': !cell.revealed
     }"
+    v-touch:longtap="markCell"
     @click="revealCell"
     @click.right.prevent="markCell"
   >

src/components/MineTile.vue

@@ -2,5 +2,6 @@ import './assets/main.css'
 
 import { createApp } from 'vue'
 import App from './App.vue'
+import Vue3TouchEvents from 'vue3-touch-events'
 
-createApp(App).mount('#app')
+createApp(App).use(Vue3TouchEvents).mount('#app')