Make eubopen autocomplete more generic to use in chembl

components/Masthead/EubOPENSearchBar.vue

 <template>
   <div class="d-flex align-center search-bar-container white">
-    <SearchAutocomplete />
+    <SearchAutocomplete label="Search in EUbOPEN" :examples="examples" eubopen/>
   </div>
 </template>
 
@@ -11,6 +11,48 @@ export default {
   components: {
     SearchAutocomplete,
   },
+  data() {
+    return {
+      examples: [
+        {
+          key: 'BAY-693',
+          value: 'BAY-693',
+          title: 'BAY-693',
+          type: 'default',
+        },
+        {
+          key: 'Kinase',
+          value: 'Kinase',
+          title: 'Kinase',
+          type: 'default',
+        },
+        {
+          key: 'BRD4',
+          value: 'BRD4',
+          title: 'BRD4',
+          type: 'default',
+        },
+        {
+          key: 'P18113',
+          value: 'P18113',
+          title: 'P18113',
+          type: 'default',
+        },
+        {
+          key: 'TRPA1',
+          value: 'TRPA1',
+          title: 'TRPA1',
+          type: 'default',
+        },
+        {
+          key: 'PTGFR',
+          value: 'PTGFR',
+          title: 'PTGFR',
+          type: 'default',
+        },
+      ],
+    }
+  },
 }
 </script>
 

web-components-submodule @ 2f0f0d88

-Subproject commit 22ef7a041f37dc64a2c7abd68fce0ac7adc09a70
+Subproject commit 2f0f0d88a8ed8238504648464940d9d9779342d8