From bd2767fb0f3dda4ea01c359a1ae2a7e6b4b9f284 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Sun, 21 May 2023 20:52:04 -0700
Subject: [PATCH] nx: add tap for mnav

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/MobileNav.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/MobileNav.vue b/src/components/MobileNav.vue
index 1f5e195a..6f7f19fc 100644
--- a/src/components/MobileNav.vue
+++ b/src/components/MobileNav.vue
@@ -1,16 +1,16 @@
 <template>
   <div id="mobile-nav">
-    <router-link to="/">
+    <router-link to="/" @click.native="linkClick">
       <ImageMultipleIcon :size="22" />
       {{ t('memories', 'Photos') }}
     </router-link>
 
-    <router-link to="/explore">
+    <router-link to="/explore" @click.native="linkClick">
       <SearchIcon :size="22" />
       {{ t('memories', 'Explore') }}
     </router-link>
 
-    <router-link to="/albums">
+    <router-link to="/albums" @click.native="linkClick">
       <AlbumIcon :size="22" />
       {{ t('memories', 'Albums') }}
     </router-link>
@@ -20,6 +20,8 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 
+import * as nativex from '../native';
+
 import ImageMultipleIcon from 'vue-material-design-icons/ImageMultiple.vue';
 import SearchIcon from 'vue-material-design-icons/Magnify.vue';
 import AlbumIcon from 'vue-material-design-icons/ImageAlbum.vue';
@@ -32,6 +34,12 @@ export default defineComponent({
     SearchIcon,
     AlbumIcon,
   },
+
+  methods: {
+    linkClick() {
+      nativex.playTouchSound();
+    },
+  },
 });
 </script>