fix: translate passed message in EmptyState component instead of tran…

…slating it everywhere

(cherry picked from commit 96a05bf)

frontend/src/components/EmptyState.vue

@@ -5,7 +5,7 @@
 			props.isTableField ? 'border-2 border-dashed border-gray-300 mt-5' : '',
 		]"
 	>
-		{{ props.message }}
+		{{ __(props.message) }}
 	</div>
 </template>
 

frontend/src/components/ExpenseAdvancesTable.vue

@@ -60,7 +60,7 @@
 		</div>
 	</div>
 
-	<EmptyState v-else :message="__('No advances found')" :isTableField="true" />
+	<EmptyState v-else message="No advances found" :isTableField="true" />
 </template>
 
 <script setup>

frontend/src/components/FormField.vue

@@ -133,7 +133,7 @@
 			:disabled="isReadOnly"
 		/>
 
-		<ErrorMessage :message="__(props.errorMessage)" />
+		<ErrorMessage :message="props.errorMessage" />
 	</div>
 </template>
 

frontend/src/components/ListView.vue

@@ -90,7 +90,7 @@
 					</div>
 				</div>
 				<EmptyState
-					:message="__('No {0} found', [__(props.doctype)])"
+					:message="`No ${props.doctype?.toLowerCase()}s found`"
 					v-else-if="!documents.loading"
 				/>
 

frontend/src/components/RequestList.vue

@@ -28,7 +28,7 @@
 			</Button>
 		</router-link>
 	</div>
-	<EmptyState :message="emptyStateMessage || __('You have no requests')" v-else />
+	<EmptyState :message="emptyStateMessage || 'You have no requests'" v-else />
 
 	<ion-modal
 		ref="modal"

frontend/src/views/attendance/ShiftRequestList.vue

@@ -11,9 +11,11 @@
 </template>
 
 <script setup>
+import { inject } from "vue"
 import { IonPage } from "@ionic/vue"
 import ListView from "@/components/ListView.vue"
 
+const __ = inject("$translate")
 const TAB_BUTTONS = ["My Requests", "Team Requests"]
 const SHIFT_REQUEST_FIELDS = [
 	"name",

frontend/src/views/salary_slip/Dashboard.vue

@@ -47,7 +47,7 @@
 							</router-link>
 						</div>
 					</div>
-					<EmptyState :message="__('No salary slips found')" v-else />
+					<EmptyState message="No salary slips found" v-else />
 				</div>
 			</div>
 		</template>