1 files changed, 8 insertions, 9 deletions
diff --git a/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_machine_type_dropdown.vue b/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_machine_type_dropdown.vue
index 0540051c983..26ba4c762c1 100644
--- a/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_machine_type_dropdown.vue
+++ b/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_machine_type_dropdown.vue
@@ -7,12 +7,6 @@ import gkeDropdownMixin from './gke_dropdown_mixin';
 export default {
   name: 'GkeMachineTypeDropdown',
   mixins: [gkeDropdownMixin],
-  data() {
-    return {
-      searchPlaceholderText: s__('ClusterIntegration|Search machine types'),
-      noSearchResultsText: s__('ClusterIntegration|No machine types matched your search'),
-    };
-  },
   computed: {
     ...mapState(['selectedProject', 'selectedZone', 'selectedMachineType']),
     ...mapState({ items: 'machineTypes' }),
@@ -87,18 +81,23 @@ export default {
     <div class="dropdown-menu dropdown-select">
       <dropdown-search-input
         v-model="searchQuery"
-        :placeholder-text="searchPlaceholderText"
+        :placeholder-text="s__('ClusterIntegration|Search machine types')"
       />
       <div class="dropdown-content">
         <ul>
           <li v-show="!results.length">
-            <span class="menu-item">{{ noSearchResultsText }}</span>
+            <span class="menu-item">
+              {{ s__('ClusterIntegration|No machine types matched your search') }}
+            </span>
           </li>
           <li
             v-for="result in results"
             :key="result.id"
           >
-            <button @click.prevent="setItem(result.name)">
+            <button
+              type="button"
+              @click.prevent="setItem(result.name)"
+            >
               {{ result.name }}
             </button>
           </li>