Implement keyboard navigation using arrow keys in the whole application. (#2)

Reviewed-on: #2
2025-12-10 15:43:40 +00:00
parent 033e735248
commit 2487759628
23 changed files with 1785 additions and 134 deletions
@@ -1,7 +1,7 @@
 <template>
  <div class="qr-display">
    <div class="qr-section">
-      <a :href="url" @click.prevent="copyLink" class="qr-link" title="Click to copy link">
+      <a :href="url" @click.prevent="copyLink" class="qr-link" title="Click to copy link" tabindex="0" @keydown.enter.prevent="copyLink">
        <canvas ref="qrCanvas" class="qr-code"></canvas>
        <div v-if="showLink && url" class="link-text">{{ displayUrl }}</div>
      </a>