Merge pull request #26 from marcosrjjunior/25-create_props_langs

#25 - Create props

Author: wesleyhf

example/index.html

@@ -54,11 +54,11 @@
                         'hover': index == -1,
                     }"
                 >
-                    Press enter to add: <b>{{ input }}</b>
+                    {{ pressEnterLabel }} <b>{{ input }}</b>
                 </li>
 
                 <li class="fire-select-item" v-if="tips.length == 0 && ! create">
-                    No results found for: <b>{{ input }}</b>
+                    {{ noResultsLabel }} <b>{{ input }}</b>
                 </li>
 
                 <li
@@ -92,6 +92,8 @@ <h3>Fireselect</h3>
             :animation="animation"
             :helper-message="helperMessage"
             :placeholder="placeholder"
+            :press-enter-label="pressEnterLabel"
+            :no-results-label="noResultsLabel"
         ></fire-select>
 
         <hr>
@@ -137,6 +139,16 @@ <h3>Props</h3>
                 Placeholder
                 <input type="text" v-model="placeholder">
             </label>
+
+            <label>
+                Press Enter Label
+                <input type="text" v-model="pressEnterLabel">
+            </label>
+
+            <label>
+                No Results Label
+                <input type="text" v-model="noResultsLabel">
+            </label>
         </div>
     </div>
 

example/script.js

@@ -20,6 +20,8 @@ var vm = new Vue({
         animation: true,
         helperMessage: 'Type anything to search',
         placeholder: 'Select an item',
+        pressEnterLabel: 'Press enter to add:',
+        noResultsLabel: 'No results found for:',
     },
 
     events: {

src/fire-select.html

@@ -43,11 +43,11 @@
                     'hover': index == -1,
                 }"
             >
-                Press enter to add: <b>{{ input }}</b>
+                {{ pressEnterLabel }} <b>{{ input }}</b>
             </li>
 
             <li class="fire-select-item" v-if="tips.length == 0 && ! create">
-                No results found for: <b>{{ input }}</b>
+                {{ noResultsLabel }} <b>{{ input }}</b>
             </li>
 
             <li

src/fire-select.js

@@ -39,6 +39,16 @@ Vue.component('fire-select', {
             }
         },
 
+        pressEnterLabel: {
+            type: String,
+            default: 'Press enter to add:'
+        },
+
+        noResultsLabel: {
+            type: String,
+            default: 'No results found for:'
+        },
+
         animation: {
             type: Boolean,
             default: true