nx: add tap for mnav

Signed-off-by: Varun Patil <radialapps@gmail.com>

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>