Is hutopy finally trilangual

frontend/src/views/PaymentCompleted.vue

@@ -45,11 +45,11 @@
 
 <script setup>
 import {useRouter, useRoute} from 'vue-router';
-import {useTranslations} from '@/translations/translations';
+import { useI18n } from 'vue-i18n';
 
 const router = useRouter();
 const route = useRoute();
-const t = useTranslations();
+const { t } = useI18n();
 
 function goBack() {
   const returnUrl = route.query.returnUrl;
@@ -62,6 +62,32 @@ function goBack() {
 
 </script>
 
+<i18n>
+{
+  "en": {
+    "title": "Payment Successful!",
+    "message": "Your payment has been processed successfully.",
+    "usernameDefault": "the creator",
+    "receipt": "A receipt has been sent to your email.",
+    "continue": "Continue to"
+  },
+  "fr": {
+    "title": "Paiement réussi !",
+    "message": "Votre paiement a été traité avec succès.",
+    "usernameDefault": "le créateur",
+    "receipt": "Un reçu a été envoyé à votre email.",
+    "continue": "Continuer vers"
+  },
+  "es": {
+    "title": "¡Pago exitoso!",
+    "message": "Su pago ha sido procesado con éxito.",
+    "usernameDefault": "el creador",
+    "receipt": "Se ha enviado un recibo a su correo electrónico.",
+    "continue": "Continuar a"
+  }
+}
+</i18n>
+
 <style scoped>
 .container {
   @apply min-h-screen;