Internal: Replace v-t with v-text in Vue components because v-t is deprecated

Author: AngelFQC

assets/vue/AppInstaller.vue

@@ -41,19 +41,17 @@
     <main class="install-step-container col-span-3 md:col-span-2 row-span-2">
       <h1
         v-if="'new' === installerData.installType"
-        v-t="'New installation'"
+        v-text="t('New installation')"
         class="mb-4 text-center"
       />
       <h1
         v-else-if="'update' === installerData.installType"
-        v-t="{
-          path: 'Update from Chamilo ' + installerData.upgradeFromVersion.join(' | '),
-        }"
+        v-text="t('Update from Chamilo ' + installerData.upgradeFromVersion.join(' | '))"
         class="mb-4 text-center"
       />
       <h1
         v-else
-        v-t="'Chamilo installation wizard'"
+        v-text="t('Chamilo installation wizard')"
         class="mb-8 text-center"
       />
 

assets/vue/components/Login.vue

@@ -62,7 +62,7 @@
           tabindex="4"
         />
         <label
-          v-t="'Remember me'"
+          v-text="t('Remember me')"
           for="remember_me"
         />
       </div>
@@ -76,7 +76,7 @@
 
         <a
           v-if="allowRegistration"
-          v-t="'Sign up'"
+          v-text="t('Sign up')"
           class="btn btn--primary-outline"
           href="/main/auth/registration.php"
           tabindex="3"
@@ -86,7 +86,7 @@
       <div class="field text-center">
         <a
           id="forgot"
-          v-t="'Forgot your password?'"
+          v-text="t('Forgot your password?')"
           class="field"
           href="/main/auth/lostPassword.php"
           tabindex="5"

assets/vue/components/basecomponents/BaseUserFinder.vue

@@ -126,7 +126,7 @@ defineExpose({ selectedUsers })
     <template #header>
       <div class="flex justify-between items-center gap-4">
         <span
-          v-t="'User list'"
+          v-text="t('User list')"
           class="mr-auto"
         />
         <BaseButton

assets/vue/components/ccalendarevent/CalendarEventInvitationsInfo.vue

@@ -1,6 +1,9 @@
 <script setup>
+import { useI18n } from "vue-i18n"
 import ShowLinks from "../resource_links/ShowLinks.vue"
 
+const { t } = useI18n()
+
 defineProps({
   event: {
     type: Object,
@@ -12,15 +15,15 @@ defineProps({
 <template>
   <div class="invitations-info">
     <h6
-      v-t="'Invitations'"
+      v-text="t('Invitations')"
       class="invitations-info__title"
     />
 
     <div
       v-if="event.resourceLinkListFromEntity.length"
       class="invitations-info__item"
     >
-      <p v-t="'Invitees'" />
+      <p v-text="t('Invitees')" />
       <div>
         <ShowLinks
           :item="event"

assets/vue/components/ccalendarevent/CalendarEventSubscriptionsInfo.vue

@@ -1,7 +1,10 @@
 <script setup>
+import { useI18n } from "vue-i18n"
 import ShowLinks from "../resource_links/ShowLinks.vue"
 import { subscriptionVisibility } from "../../constants/entity/ccalendarevent"
 
+const { t } = useI18n()
+
 defineProps({
   event: {
     type: Object,
@@ -13,12 +16,12 @@ defineProps({
 <template>
   <div class="invitations-info">
     <h6
-      v-t="'Subscriptions'"
+      v-text="t('Subscriptions')"
       class="invitations-info__title"
     />
 
     <div class="invitations-info__item">
-      <p v-t="'Allow subscriptions'" />
+      <p v-text="t('Allow subscriptions')" />
       <p
         v-if="subscriptionVisibility.no === event.subscriptionVisibility"
         v-text="'No'"
@@ -41,23 +44,23 @@ defineProps({
       v-if="event.maxAttendees"
       class="invitations-info__item"
     >
-      <p v-t="'Maximum number of subscriptions'" />
+      <p v-text="t('Maximum number of subscriptions')" />
       <p v-text="event.maxAttendees" />
     </div>
 
     <div
       v-if="event.maxAttendees"
       class="invitations-info__item"
     >
-      <p v-t="'Subscriptions count'" />
+      <p v-text="t('Subscriptions count')" />
       <p v-text="event.resourceLinkListFromEntity.length" />
     </div>
 
     <div
       v-if="event.resourceLinkListFromEntity.length"
       class="invitations-info__item"
     >
-      <p v-t="'Subscribers'" />
+      <p v-text="t('Subscribers')" />
       <div>
         <ShowLinks
           :item="event"

assets/vue/components/ccalendarevent/CalendarRemindersEditor.vue

@@ -53,7 +53,7 @@ function addEmptyReminder() {
             option-value="value"
           />
           <div
-            v-t="'Before'"
+            v-text="t('Before')"
             class="p-inputgroup-addon"
           />
         </div>

assets/vue/components/ccalendarevent/CalendarRemindersInfo.vue

@@ -1,7 +1,9 @@
 <script setup>
+import { useI18n } from "vue-i18n"
 import { useCalendarReminders } from "../../composables/calendar/calendarReminders"
 import BaseIcon from "../basecomponents/BaseIcon.vue"
 
+const { t } = useI18n()
 const { decodeDateInterval } = useCalendarReminders()
 
 defineProps({
@@ -18,7 +20,7 @@ defineProps({
     class="reminders-info"
   >
     <h6
-      v-t="'Notification to remind the event'"
+      v-text="t('Notification to remind the event')"
       class="reminders-info__title"
     />
 

assets/vue/components/installer/EmailSettings.vue

@@ -2,7 +2,7 @@
   <div class="mt-8">
     <h3
       class="mb-4"
-      v-t="'Email Settings'"
+      v-text="t('Email Settings')"
     ></h3>
 
     <BaseInputText

assets/vue/components/installer/Step1.vue

@@ -45,7 +45,7 @@
       >
         <p
           class="update-message-text"
-          v-t="'An update is available. Click the button below to proceed with the update.'"
+          v-text="t('An update is available. Click the button below to proceed with the update.')"
         />
         <p>{{ installerData.checkMigrationStatus.message }}</p>
         <p v-if="installerData.checkMigrationStatus.current_migration">

assets/vue/components/installer/Step2.vue

@@ -12,7 +12,7 @@
       tag="p"
     >
       <a
-        v-t="'Read the installation guide'"
+        v-text="t('Read the installation guide')"
         href="/main/documentation/installation_guide.html"
         target="_blank"
         rel="noopener noreferrer"
@@ -158,8 +158,10 @@
       v-text="t('Directory and files permissions')"
     />
     <p
-      v-t="
-        'Some directories and the files they include must be writable by the web server in order for Chamilo to run (user uploaded files, homepage html files, ...). This might imply a manual change on your server (outside of this interface).'
+      v-text="
+        t(
+          'Some directories and the files they include must be writable by the web server in order for Chamilo to run (user uploaded files, homepage html files, ...). This might imply a manual change on your server (outside of this interface).',
+        )
       "
       class="mb-4"
     />
@@ -246,7 +248,7 @@
     <div v-else>
       <div v-if="installerData.stepData.notWritable.length > 0">
         <strong
-          v-t="'Warning!'"
+          v-text="t('Warning!')"
           class="text-error"
         />
         <p class="text-error">