feat: added attrs prop

Author: adamberecz

README.md

@@ -281,6 +281,7 @@ Join our [Discord channel](https://discord.gg/WhX2nG6GTQ) or [open an issue](htt
 | **hideSelected** | `boolean` | `true` | Whether selected options should be excluded from the option list when using `multiple` or `tags` mode. |
 | **showOptions** | `boolean` | `true` | Whether option list should be displayed. Can be used to create free-typed tags. |
 | **object** | `boolean` | `false` | Whether the value should be stored as an object.<br>If **false**:<br>`value: ['js','jsx','ts']`<br>If **true**:<br> `value: [`<br>&nbsp;&nbsp;`{value:'js',label:'Javascript'},`<br>&nbsp;&nbsp;`{value:'jsx',label:'JSX'},`<br>&nbsp;&nbsp;`{value:'ts',label:'Typescript'}`<br>`]` |
+| **attrs** | `object` | `{}` | HTML attributes to add to the `input` field when `search` is enabled. |
 | **nativeSupport** | `boolean` | `false` | Whether hidden input fields should be appended to achieve native data handling. |
 
 ## API

src/Multiselect.d.ts

@@ -50,6 +50,7 @@ declare class Multiselect extends Vue {
   groupHideEmpty: boolean;
   groupSelect: boolean;
   inputType: string;
+  attrs?: object;
 
   $emit(eventName: 'change', e: {originalEvent: Event, value: any}): this;
   $emit(eventName: 'select', e: {originalEvent: Event, value: any, option: any}): this;

src/Multiselect.vue

@@ -17,6 +17,7 @@
         :value="search"
         :class="classList.search"
         :autocomplete="autocomplete"
+        v-bind="attrs"
         @input="handleSearchInput"
         @paste.stop="handlePaste"
         ref="input"
@@ -58,6 +59,7 @@
             :value="search"
             :class="classList.tagsSearch"
             :autocomplete="autocomplete"
+            v-bind="attrs"
             @input="handleSearchInput"
             @paste.stop="handlePaste"
             ref="input"
@@ -450,7 +452,12 @@
         type: String,
         required: false,
         default: 'text',
-      }
+      },
+      attrs: {
+        required: false,
+        type: [Object],
+        default: () => ({}),
+      },
     },
     setup(props, context)
     {