refactor: replace the button root node in related-prompt.vue with a div

empathyco · Dec 17, 2024 · e6853b2 · e6853b2
1 parent b23fbb3
commit e6853b2
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue b/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue
@@ -1,6 +1,7 @@
 <template>
-  <button
+  <div
     @click="toggleSuggestion(index)"
+    @keydown="toggleSuggestion(index)"
     class="x-related-prompt__button"
     :class="[{ 'x-related-prompt-selected__button': isSelected }]"
   >
@@ -20,7 +21,7 @@
       <CrossTinyIcon v-if="isSelected" class="x-icon-lg" />
       <PlusIcon v-else class="x-icon-lg" />
     </slot>
-  </button>
+  </div>
 </template>
 <script lang="ts">
   import { defineComponent, PropType } from 'vue';