Bring up the keyboard shortcuts when pressing ?

Doesn't really work right now, see https://github.com/iFgR/vue-shortkey/issues/116

src/components/home/contentAuth.vue

@@ -19,14 +19,19 @@
 				class="app-content"
 			>
 				<a @click="$store.commit('menuActive', false)" class="mobile-overlay" v-if="menuActive"></a>
-				
+
 				<router-view/>
-				
+
 				<transition name="modal">
 					<router-view name="popup"/>
 				</transition>
-				
-				<a @click="$store.commit('keyboardShortcutsActive', true)" class="keyboard-shortcuts-button">
+
+				<a
+					class="keyboard-shortcuts-button"
+					@click="showKeyboardShortcuts()"
+					@shortkey="showKeyboardShortcuts()"
+					v-shortkey="['?']"
+				>
 					<icon icon="keyboard"/>
 				</a>
 			</div>
@@ -36,7 +41,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {CURRENT_LIST, MENU_ACTIVE} from '@/store/mutation-types'
+import {CURRENT_LIST, KEYBOARD_SHORTCUTS_ACTIVE, MENU_ACTIVE} from '@/store/mutation-types'
 import Navigation from '@/components/home/navigation'
 
 export default {
@@ -115,6 +120,9 @@ export default {
 				this.$store.commit(MENU_ACTIVE, false)
 			}
 		},
+		showKeyboardShortcuts() {
+			this.$store.commit(KEYBOARD_SHORTCUTS_ACTIVE, true)
+		},
 	},
 }
 </script>

src/components/home/topNavigation.vue

@@ -69,8 +69,9 @@
 						v-if="privacyPolicyUrl">
 						Privacy policy
 					</a>
-					<a @click="$store.commit('keyboardShortcutsActive', true)" class="dropdown-item">Keyboard
-						Shortcuts</a>
+					<a @click="$store.commit('keyboardShortcutsActive', true)" class="dropdown-item">
+						Keyboard Shortcuts
+					</a>
 					<a @click="logout()" class="dropdown-item">
 						Logout
 					</a>