From d1e8ec3373c0b353c72cb98cb9369e9cde0ac3ce Mon Sep 17 00:00:00 2001
From: Johnpaul <polymenjohn1@gmail.com>
Date: Tue, 23 Sep 2025 03:57:18 +0100
Subject: [PATCH] fix: update placeholder text in SearchBox to use translation
 function

---
 src/components/input/SearchBox.vue | 8 +++++++-
 src/locales/en/main.json           | 3 ++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/input/SearchBox.vue b/src/components/input/SearchBox.vue
index 102a42e80..bf05daf8b 100644
--- a/src/components/input/SearchBox.vue
+++ b/src/components/input/SearchBox.vue
@@ -4,7 +4,12 @@
     <InputText
       ref="input"
       v-model="searchQuery"
-      :placeholder="placeHolder || 'Search...'"
+      :aria-label="
+        placeHolder || t('templateWidgets.sort.searchPlaceholder', 'Search...')
+      "
+      :placeholder="
+        placeHolder || t('templateWidgets.sort.searchPlaceholder', 'Search...')
+      "
       type="text"
       unstyled
       :class="inputStyle"
@@ -16,6 +21,7 @@
 import InputText from 'primevue/inputtext'
 import { computed, ref } from 'vue'
 
+import { t } from '@/i18n'
 import { cn } from '@/utils/tailwindUtil'
 
 const {
diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index 3a633989a..12d69face 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -989,7 +989,8 @@
     "sort": {
       "recommended": "Recommended",
       "alphabetical": "A → Z",
-      "newest": "Newest"
+      "newest": "Newest",
+      "searchPlaceholder": "Search..."
     }
   },
   "graphCanvasMenu": {