feat: use <button> to improve a11y and keyboard navigation experience (#74)

2025-01-12 01:35:19 +08:00
parent 11283f6f94
commit 78fa350ced
9 changed files with 28 additions and 16 deletions
--- a/app/components/common/SearchRecipe.vue
+++ b/app/components/common/SearchRecipe.vue
@@ -89,9 +89,9 @@ const filteredRecipes = computedAsync(async () => {
                    @click="keyword = ''"
                  />
                </div>
-                <div op="70" ml-2 inline-flex cursor-pointer text-base @click="closeModal">
+                <button op="70" ml-2 inline-flex cursor-pointer text-base @click="closeModal">
                  取消
-                </div>
+                </button>
              </DialogTitle>
              <div flex="~ col grow" overflow="auto" class="mt-2" text-xs>
                <DishTag v-for="item, i in filteredRecipes" :key="i" :dish="item" />