salix-front/src/components/CreateBankEntityForm.vue

<script setup>
import { reactive } from 'vue';
import { useI18n } from 'vue-i18n';

const { t } = useI18n();

const formData = reactive({
    name: null,
    bic: null,
    countryFk: null,
    id: null,
});
</script>

<template>
    <QCard class="q-pa-xl column">
        <span>{{ t('title') }}</span>
        <span>{{ t('subtitle') }}</span>
        <QInput :label="t('name')" v-model="formData.name" />
    </QCard>
</template>

<i18n>
en:
    name: Name *
    title: New bank entity
    subtitle: Please, ensure you put the correct data!
es:
    name: Nombre *
    title: Nueva entidad bancaria
    subtitle: ¡Por favor, asegúrate de poner los datos correctos!
</i18n>