diff --git a/src/components/Select.vue b/src/components/Select.vue index 4dc46bf..4f3f74e 100644 --- a/src/components/Select.vue +++ b/src/components/Select.vue @@ -298,7 +298,7 @@ -
Loading...
+
{{ loadingText }}
@@ -310,7 +310,7 @@
  • - Sorry, no matching options. + {{ noMatchText }}
  • @@ -341,7 +341,7 @@ * If you are using an array of objects, vue-select will look for * a `label` key (ex. [{label: 'This is Foo', value: 'foo'}]). A * custom label key can be set with the `label` prop. - * @type {Object} + * @type {Array} */ options: { type: Array, @@ -371,7 +371,7 @@ /** * Equivalent to the `multiple` attribute on a ``. - * @type {Object} + * @type {String} */ placeholder: { type: String, default: '' }, + /** + * Text to show if there is no matching options + * @type {String} + */ + noMatchText: { + type: String, + default: 'Sorry, no matching options.' + }, + + /** + * Text to show when loading + * @type {String} + */ + loadingText: { + type: String, + default: 'Loading...' + }, + /** * Sets a Vue transition property on the `.dropdown-menu`. vue-select * does not include CSS for transitions, you'll need to add them yourself. @@ -429,6 +447,7 @@ /** * Callback to generate the label text. If {option} * is an object, returns option[this.label] by default. + * @type {Function} * @param {Object || String} option * @return {String} */ @@ -449,7 +468,7 @@ * value(s) change. When integrating with Vuex, use this callback to trigger * an action, rather than using :value.sync to retreive the selected value. * @type {Function} - * @default {null} + * @param {Object || String} val */ onChange: { type: Function,