Use composition for translation

app/components/TeamAddModal.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { parseError } from '#shared/utils/error';
 
+const { t } = useI18n();
 const emits = defineEmits<{
   update: [];
 }>();
@@ -62,7 +63,7 @@ async function submit() {
         placeholder="The best team!"
       />
       <p>An invite code will be generated automatically.</p>
-      <VaAlert color="danger" v-if="error">{{ $t(error) }}</VaAlert>
+      <VaAlert color="danger" v-if="error">{{ t(error) }}</VaAlert>
     </div>
     <template #footer>
       <VaButtonGroup :loading="pending" :disabled="pending">