made card image switcher

web/themes/custom/materiotheme/vuejs/components/Form/SearchForm.vue

@@ -40,6 +40,14 @@ export default {
       this.autocomplete = ui.item.value
     }
   },
+  directives: {
+    focus: {
+      // directive definition
+      inserted: function (el) {
+        el.focus()
+      }
+    }
+  },
   beforeMount() {
     // console.log('SearchForm beforeMount');
     if(this._props.form){
@@ -70,8 +78,8 @@ export default {
     Drupal.attachBehaviors(this.$el);
     // get the search input
     let $input = this.$el.querySelector('#edit-search')
-    // focus on input
-    $input.focus()
+    // // focus on input
+    // $input.focus()
     // Catch the jquery ui events for autocmplete widget
     jQuery($input).on('autocompleteselect', this.onAutoCompleteSelect);
   },