add: translations of profile & proposals

src/components/ui/Products.vue

@@ -2,9 +2,11 @@
     import { ref } from 'vue';
     import VueMultiselect from 'vue-multiselect'
     import { searchProducts } from '../../services/public';
+    import { useI18n } from 'vue-i18n';
 
     const options = ref([]);
     const isLoading = ref(false);
+    const { t } = useI18n();
 
     // defineProps(['selectedCategory']);
     defineProps({
@@ -43,18 +45,18 @@
         :disabled="disabled"
         @search-change="searchProductFn"
         @remove="$emit('clear-option')"
-        placeholder="Busca por producto"
         label="name"
         track-by="name"
-        selectLabel="Presione para seleccionar"
-        selectedLabel="Selecionado"
-        deselectLabel="Presione para remover seleción"
+        :placeholder="t('labels.selectProduct')"
+        :selectLabel="t('global.helpSelected')"
+        :selectedLabel="t('global.selected')"
+        :deselectLabel="t('global.removeSelected')"
     >
         <template #noResult>
-            Oops! No se encontro coincidencias.
+            {{ t('global.notFound') }}
         </template>
         <template #noOptions>
-            Lista vacia.
+            {{ t('global.emptyList') }}
         </template>
     </VueMultiselect>
 </template>