chore: add i18n

polylan_submitter/src/SubmissionsSelect.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { useTitle } from "@vueuse/core";
+
 interface ScopeOption {
   id: string;
   name: string;
@@ -16,6 +20,9 @@ const props = withDefaults(defineProps<Props>(), {
   scopes: () => [],
 });
 
+const { t } = useI18n();
+useTitle(computed(() => t("submissionsSelect.title")));
+
 const goToScope = (scopeId: string) => {
   window.location.href = `/${props.eventPath}/submissions/${props.gamePath}/${scopeId}`;
 };
@@ -29,9 +36,9 @@ const goHome = () => {
   <div class="min-h-screen bg-base-200 flex items-center justify-center p-4">
     <div class="card bg-base-100 shadow-lg w-full max-w-md">
       <div class="card-body">
-        <h2 class="card-title">Select your match</h2>
+        <h2 class="card-title">{{ t("submissionsSelect.title") }}</h2>
         <p class="text-base-content/70 mb-2">
-          You're assigned to multiple matches for {{ gameName }}. Pick which one you want to submit for.
+          {{ t("submissionsSelect.description", { game: gameName }) }}
         </p>
 
         <div class="flex flex-col gap-2 mt-2">
@@ -45,7 +52,7 @@ const goHome = () => {
         <div class="card-actions mt-4">
           <button @click="goHome" class="btn btn-ghost btn-sm">
             <i class="mdi mdi-arrow-left"></i>
-            Back
+            {{ t("common.back") }}
           </button>
         </div>
       </div>