From 68b573919968f2512cbb9f4d2a9b533a5fc3edc8 Mon Sep 17 00:00:00 2001
From: Lupu Gheorghe <gheorghelupu17@gmail.com>
Date: Fri, 30 Jun 2023 03:16:37 +0300
Subject: [PATCH] fix #68

---
 resources/js/Components/form/Select.vue       | 23 +++++++++++++++----
 .../js/Pages/AdminOng/Projects/AddProject.vue |  1 +
 resources/js/locales/ro.js                    | 10 +++++++-
 3 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/resources/js/Components/form/Select.vue b/resources/js/Components/form/Select.vue
index 743dd395..d575ec7c 100644
--- a/resources/js/Components/form/Select.vue
+++ b/resources/js/Components/form/Select.vue
@@ -8,7 +8,7 @@
                     class="flex gap-x-1"
                 >
                     <li v-if="selectedOption">
-                        {{ selectedOption.name ? selectedOption.name : selectedOption }}
+                        {{ computedName(selectedOption) }}
                     </li>
                 </ul>
             </ComboboxButton>
@@ -34,8 +34,8 @@
                     v-slot="{ active, selected }"
                 >
                     <li :class="['relative cursor-default select-none py-2 pl-3 pr-9', active ? 'bg-primary-500 text-white' : 'text-gray-900']">
-                        <span :class="['block truncate', selected && 'font-semibold']">
-                            {{ option.name ? option.name : option }}
+                        <span :class="['block truncate', selected && 'font-semibold']" >
+                            {{ computedName(option)}}
                         </span>
 
                         <span v-if="selected" :class="['absolute inset-y-0 right-0 flex items-center pr-4', active ? 'text-white' : 'text-primary-500']">
@@ -53,11 +53,12 @@
 
 <script setup>
     /** Import form vue. */
-    import { computed, ref, watch } from 'vue';
+    import {  computed, ref, watch } from 'vue';
 
     /** Import plugins. */
     import { CheckIcon, ChevronUpDownIcon } from '@heroicons/vue/20/solid';
     import { Combobox, ComboboxButton, ComboboxInput, ComboboxLabel, ComboboxOption, ComboboxOptions } from '@headlessui/vue';
+    import {useI18n} from "vue-i18n";
 
     /** Component props. */
     const props = defineProps({
@@ -68,8 +69,13 @@
         isDisabled: {
             type: Boolean,
             disabled: false
+        },
+        useTranslation: {
+            type: Boolean,
+            default: false
         }
     });
+    const { t } = useI18n();
 
     /** Query input. */
     const query = ref('');
@@ -87,6 +93,15 @@
         })
     );
 
+    const computedName = (option) => {
+       let name = option.name ? option.name : option
+
+        if (props.useTranslation) {
+            return  t(name);
+        }
+        return name;
+    }
+
     /** Watch changes in selected options. */
     watch(selectedOption, (newVal, oldVal) => {
         if (newVal != oldVal) {
diff --git a/resources/js/Pages/AdminOng/Projects/AddProject.vue b/resources/js/Pages/AdminOng/Projects/AddProject.vue
index 18aa720e..e19d9d18 100644
--- a/resources/js/Pages/AdminOng/Projects/AddProject.vue
+++ b/resources/js/Pages/AdminOng/Projects/AddProject.vue
@@ -46,6 +46,7 @@
                             class="w-full xl:w-1/2"
                             :label="$t('project_category_label')"
                             :options="projectCategories"
+                            use-translation="true"
                             v-model="form.category"
                             :error="form.errors.category"
                         />
diff --git a/resources/js/locales/ro.js b/resources/js/locales/ro.js
index f3dcf1ba..ee4839fa 100644
--- a/resources/js/locales/ro.js
+++ b/resources/js/locales/ro.js
@@ -332,5 +332,13 @@ export default {
     "regional_winners": "Etapa desemnare castigatori",
     "regional_finished": "Editie incheiata",
     "articles_title": "Articole",
-    "article_title": "Articol"
+    "article_title": "Articol",
+    "social-entrepreneurship": "Antreprenoriat social",
+    "human-rights": "Drepturile omului",
+    "education": "Educație",
+    "health": "Sănătate",
+    "environment": "Mediu",
+    "social": "Social",
+    "animal-protection": "Protecția animalelor",
+    "sport": "Sport",
 }