app/components/Layout/Dialog/Trial/AlreadyDid.vue

<template>
  <LazyLayoutDialog :show="show" theme="warning">
    <template #dialogType>{{ $t('important') }}</template>
    <template #dialogTitle>{{ $t('trial_all_ready_did') }}</template>
    <template #dialogText>
      <v-card-text class="text">
        <p>
          Au cours des 6 derniers mois, vous avez bénéficié d’un essai gratuit
          de 30 jours du logiciel Opentalent Artist Premium.
        </p>
        <p>
          Pour continuer à explorer toutes les fonctionnalités de notre solution
          et optimiser la gestion de votre structure, nous vous invitons à
          souscrire à l’une de nos offres adaptées à vos besoins.
        </p>
        <p>
          Si toutefois vous souhaitez une réactivation exceptionnelle de
          l’essai, n’hésitez pas à contacter notre équipe Opentalent. 
Nous
          serons ravis d’évaluer votre demande et de vous accompagner dans vos
          projets.
        </p>
      </v-card-text>
    </template>
    <template #dialogBtn>
      <v-btn class="mr-4 submitBtn theme-neutral-strong" @click="closeDialog">
        {{ $t('cancel') }}
      </v-btn>
      <v-btn class="mr-4 submitBtn theme-warning" @click="contactOpentalent">
        {{ $t('opentalent_contact') }}
      </v-btn>
    </template>
  </LazyLayoutDialog>
</template>

<script setup lang="ts">
const props = defineProps({
  show: {
    type: Boolean,
    required: false,
    default: false,
  },
})
const emit = defineEmits(['closeDialog'])

const closeDialog = () => {
  emit('closeDialog')
}

const contactOpentalent = async () => {
  emit('closeDialog')

  await navigateTo('https://logiciels.opentalent.fr/nous-contacter', {
    open: {
      target: '_blank',
    },
    external: true,
  })
}
</script>

<style scoped lang="scss">
.text {
  font-size: 13px;
  p {
    margin-bottom: 10px;
  }
}
</style>