src/components/common/VnSelectWorker.vue

@@ -9,9 +9,9 @@ const $props = defineProps({
         type: Boolean,
         default: false,
     },
-    hasInfo: {
+    info: {
         type: String,
-        default: '',
+        default: undefined,
     },
     modelValue: {
         type: [String, Number, Object],
@@ -57,9 +57,9 @@ const url = computed(() => {
         <template #prepend v-if="$props.hasAvatar">
             <VnAvatar :worker-id="value" color="primary" v-bind="$attrs" />
         </template>
-        <template #append v-if="$props.hasInfo">
+        <template #append v-if="$props.info">
             <QIcon name="info" class="cursor-pointer">
-                <QTooltip>{{ $t($props.hasInfo) }}</QTooltip>
+                <QTooltip>{{ $t($props.info) }}</QTooltip>
             </QIcon>
         </template>
         <template #option="scope">

src/pages/Supplier/Card/SupplierBasicData.vue

@@ -36,7 +36,7 @@ const companySizes = [
                 />
                 <VnSelectWorker
                     v-model="data.workerFk"
-                    has-info="Responsible for approving invoices"
+                    info="Responsible for approving invoices"
                     :rules="validate('supplier.workerFk')"
                 />
                 <VnSelect