modifying the placeholder text for EDU NavSearchForm

nasa-jpl · Sep 26, 2024 · 38753b6 · 38753b6
1 parent efd1d64
commit 38753b6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue b/packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue
@@ -96,6 +96,7 @@
             >
               <NavSearchForm
                 class="w-full"
+                placeholder="Search JPL Education"
                 @clear-search="closeSearch()"
                 @submit-form="closeSearch()"
               />

diff --git a/packages/vue/src/components/NavSearchForm/NavSearchForm.vue b/packages/vue/src/components/NavSearchForm/NavSearchForm.vue
@@ -8,9 +8,11 @@ const themeStore = useThemeStore()
 
 interface NavSearchFormProps {
   mobile?: boolean
+  placeholder?: string
 }
 const props = withDefaults(defineProps<NavSearchFormProps>(), {
-  mobile: false
+  mobile: false,
+  placeholder: 'Search JPL'
 })
 const emit = defineEmits(['clearSearch', 'submitForm'])
 
@@ -35,7 +37,7 @@ const submitSearch = () => {
   >
     <SearchInput
       v-model="searchQuery"
-      placeholder="Search JPL"
+      :placeholder="placeholder"
       :underlined-input="!props.mobile"
       :underlined-input-value="searchQuery"
       :auto-focus="!props.mobile"