feat(search placeholder property) (#46)

* added search box placeholder prop and test

* updated docs

Author: ProticM

docs/guide/api.md

@@ -133,6 +133,17 @@ splitBy: {
 }
 ```
 
+### searchBoxPlaceholder
+
+Sets the value for the search input field placeholder attribute.
+
+```js
+searchBoxPlaceholder: {
+  type: String,
+  default: 'Search...'
+}
+```
+
 ## Slots
 
 ### `item`

src/components/GridMultiSelect.vue

@@ -66,7 +66,7 @@
               type="text"
               ref="search"
               class="gridmultiselect__searchfield gridmultiselect__searchfield--font-small"
-              placeholder="Search..."
+              :placeholder="searchBoxPlaceholder"
               v-model="searchTerm"
               :tabindex="tabIndex"
               @focus.prevent="showMenu"
@@ -173,6 +173,10 @@ export default {
     },
     splitBy: {
       type: String
+    },
+    searchBoxPlaceholder: {
+      type: String,
+      default: "Search..."
     }
   },
   computed: {

tests/Searching.spec.js

@@ -36,5 +36,16 @@ describe('searching', () => {
 
 		expect(wrapper.vm.searchTerm).toEqual('1');
 		expect(wrapper.vm.internalItems).toEqual([{ id: 1, text: 'Item 1' }]);
+	});
+
+	it('should change input placeholder', () => {
+		const wrapper = wrap({
+			value: null,
+			items: [{ id: 1, text: 'Item 1' }, { id: 2, text: 'Item 2' }],
+			searchBoxPlaceholder: 'Search items...'
+		}), input = wrapper.find('.gridmultiselect__searchfield');
+
+		expect(wrapper.vm.searchBoxPlaceholder).toEqual('Search items...');
+		expect(input.element.placeholder).toBe('Search items...');
 	})
 })