boursecu_user/src/components/AppCreditLink.vue

<template>
  <a
    href="https://montzar.ir"
    target="_blank"
    rel="noopener noreferrer"
    class="app-credit-link"
    :class="`app-credit-link--${variant}`"
  >
    <span class="app-credit-link__text">توسعه و طراحی توسط</span>
    <img :src="logoSrc" alt="montzar" class="app-credit-link__logo" />
  </a>
</template>

<script lang="ts" setup>
const logoSrc = `${import.meta.env.BASE_URL || '/'}logo-montzar.png`.replace(
  /([^:]\/)\/+/g,
  '$1',
)

withDefaults(
  defineProps<{
    variant?: 'mobile' | 'sidebar' | 'float' | 'tv'
  }>(),
  { variant: 'mobile' },
)
</script>