myprojplanet_vite/src/components/CRegistration/CRegistration.vue

<template>
  <div v-if="site.confpages.enableReg">
    <div
      v-if="site.confpages.enableRegMultiChoice"
      class="row q-ma-sm centermydiv2 q-pa-sm justify-center align-center"
      style=""
    >
      <q-btn
        rounded
        class="flex-item-btn"
        icon="fab fa-telegram"
        size="md"
        color="primary"
        to="/bot"
        :label="$t('reg.bytelegram')"
      >
      </q-btn>
      <q-btn
        rounded
        class="flex-item-btn"
        outline
        icon="fas fa-envelope"
        size="md"
        :color="$q.dark.isActive ? `black` : `white`"
        :text-color="$q.dark.isActive ? `white` : `black`"
        to="/signup"
        :label="$t('reg.byemail')"
      >
      </q-btn>
    </div>
    <div v-else style="margin-top: 10px; text-align: center">
      Registrati<br />
      <q-btn
        rounded
        size="md"
        color="primary"
        @click="clickToRegister"
        :label="$t('reg.submit')"
      >
      </q-btn>
    </div>
  </div>
</template>

<script lang="ts" src="./CRegistration.ts">
</script>
<style lang="scss" scoped>
@import './CRegistration.scss';
</style>