#70: Completed "The placeholder should be "Enter...

#70: Completed "The placeholder should be "Enter Uniprot ID, gene name, or protein name" for proteins" & "The placeholder should be "Enter condensate name" for condensate"

web/src/components/LandingPage.vue

@@ -71,7 +71,7 @@
               v-model="keyword"
               class="form-control input-sm"
               type="text"
-              placeholder="Protein or Condensate name: "
+              :placeholder="placeholder"
             >
           </vue-simple-suggest>
         </div>
@@ -193,6 +193,7 @@ export default {
       searchKeyword: '',
       pick: 'protein',
       searchPick: '',
+      placeholder: 'Enter Uniprot ID, gene name, or protein name',
       isDev: process.env.NODE_ENV === 'development',
     };
   },
@@ -220,6 +221,15 @@ export default {
       },
       deep: true,
     },
+    pick: {
+      handler: function (val) {
+        if(val === 'protein') {
+          this.placeholder = 'Enter Uniprot ID, gene name, or protein name';
+        } else if(val === 'condensate') {
+          this.placeholder = 'Enter condensate name';
+        }
+      },
+    }
   },
   mounted() {
     // console.log(this.keyword)