feat(InputMenu): allows to customize labels (#2295)

src/runtime/components/forms/InputMenu.vue

@@ -75,12 +75,12 @@
 
             <p v-if="query && !filteredOptions.length" :class="uiMenu.option.empty">
               <slot name="option-empty" :query="query">
-                No results for "{{ query }}".
+                {{ uiMenu.default.optionEmpty.label.replace('{query}', query) }}
               </slot>
             </p>
             <p v-else-if="!filteredOptions.length" :class="uiMenu.empty">
               <slot name="empty" :query="query">
-                No options.
+                {{ uiMenu.default.empty.label }}
               </slot>
             </p>
           </HComboboxOptions>

src/runtime/ui.config/forms/inputMenu.ts

@@ -53,7 +53,13 @@ export default {
   },
   default: {
     selectedIcon: 'i-heroicons-check-20-solid',
-    trailingIcon: 'i-heroicons-chevron-down-20-solid'
+    trailingIcon: 'i-heroicons-chevron-down-20-solid',
+    empty: {
+      label: 'No options.'
+    },
+    optionEmpty: {
+      label: 'No results for "{query}".'
+    }
   },
   arrow: {
     ...arrow,