fix: translations

frontend/src/pages/Courses.vue

@@ -16,7 +16,7 @@
               <template #prefix>
                 <Plus class="h-4 w-4" />
               </template>
-              New Course
+              {{  __("New Course") }}
             </Button>
           </div>
         </header>
@@ -29,7 +29,7 @@
               :class="{ 'text-gray-900': selected }"
             >
               <component v-if="tab.icon" :is="tab.icon" class="h-5" />
-              {{ tab.label }}
+              {{ __(tab.label) }}
               <Badge
                 :class="{ 'text-gray-900 border border-gray-900': selected }"
                 variant="subtle"
@@ -42,14 +42,16 @@
           </div>
         </template>
         <template #default="{ tab }">
-          <div class="grid grid-cols-3 gap-8 mt-5" v-if="tab.courses && tab.courses.value.length">
+          <div v-if="tab.courses && tab.courses.value.length" class="grid grid-cols-3 gap-8 mt-5" >
             <router-link v-for="course in tab.courses.value" :to="{ name: 'CourseDetail', params: { course: course.name } }">
               <CourseCard :course="course" />
             </router-link>
           </div>
           <div v-else class="grid flex-1 place-items-center text-xl font-medium text-gray-500">
             <div class="flex flex-col items-center justify-center mt-4">
-              <div>No {{ tab.label.toLowerCase() }} courses found</div>
+              <div>
+                {{ __("No {0} courses found").format(tab.label.toLowerCase()) }}
+              </div>
             </div>
           </div>
         </template>
@@ -136,7 +138,6 @@ const orderBy = 'enrollment';
 function sort_courses(order) {
   const categories = ['live', 'upcoming', 'enrolled', 'created', 'under_review'];
   categories.forEach(category => {
-    console.log(courses.data)
     courses.data[category] = courses.data[category].sort((a, b) => {
       if (order === 'enrollment') {
         return b.enrollment_count - a.enrollment_count;

frontend/src/translation.js

@@ -2,21 +2,15 @@ import { createResource } from 'frappe-ui'
 
 export default function translationPlugin(app) {
 	app.config.globalProperties.__ = translate
-	console.log(window.translatedMessages)
 	if (!window.translatedMessages) fetchTranslations()
 }
 
 function translate(message) {
-	let lang = window.lang || 'hi'
-	let translatedMessages = window.translatedMessages || {
-		'All Courses': 'सभी पाठ्यक्रम',
-		Live: 'लाइव',
-	}
+	let translatedMessages = window.translatedMessages || {}
 	let translatedMessage = translatedMessages[message] || message
+
 	const hasPlaceholders = /{\d+}/.test(message)
-	console.log(hasPlaceholders)
 	if (!hasPlaceholders) {
-		console.log(translatedMessage)
 		return translatedMessage
 	}
 	return {
@@ -34,14 +28,12 @@ function translate(message) {
 }
 
 function fetchTranslations(lang) {
-	console.log('called')
 	createResource({
 		url: 'lms.lms.api.get_translations',
 		cache: 'translations',
 		auto: true,
 		transform: (data) => {
-			console.log(data)
-			window.translatedMessages = data.message
+			window.translatedMessages = data
 		},
 	})
 }