feat: accept localized texts

ChrisToxz · Mar 6, 2023 · eaa78f8 · eaa78f8
1 parent 38367e2
commit eaa78f8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/Multiselect.d.ts b/src/Multiselect.d.ts
@@ -18,8 +18,8 @@ declare class Multiselect extends Vue {
   id?: string;
   caret?: boolean;
   maxHeight?: string|number;
-  noOptionsText?: string;
-  noResultsText?: string;
+  noOptionsText?: string|object;
+  noResultsText?: string|object;
   canDeselect?: boolean;
   canClear?: boolean;
   clearOnSearch?: boolean;

diff --git a/src/Multiselect.vue b/src/Multiselect.vue
@@ -244,11 +244,11 @@
       </ul>
 
       <slot v-if="noOptions" name="nooptions">
-        <div :class="classList.noOptions" v-html="noOptionsText"></div>
+        <div :class="classList.noOptions" v-html="localize(noOptionsText)"></div>
       </slot>
 
       <slot v-if="noResults" name="noresults">
-        <div :class="classList.noResults" v-html="noResultsText"></div>
+        <div :class="classList.noResults" v-html="localize(noResultsText)"></div>
       </slot>
 
       <div v-if="infinite && hasMore" :class="classList.inifinite" ref="infiniteLoader">
@@ -415,12 +415,12 @@
         default: false,
       },
       noOptionsText: {
-        type: String,
+        type: [String, Object],
         required: false,
         default: 'The list is empty',
       },
       noResultsText: {
-        type: String,
+        type: [String, Object],
         required: false,
         default: 'No results found',
       },