app/components/Layout/Header/HomeBtn.vue

<template>
  <div>
    <v-btn
      ref="btn"
      icon="fas fa-home"
      size="small"
      :href="
        !ability.can('display', 'freemium_dashboard_page') ? homeUrl : undefined
      "
      :to="
        ability.can('display', 'freemium_dashboard_page') ? homeUrl : undefined
      "
      class="on-primary"
    />
    <v-tooltip :activator="btn" :text="$t('welcome')" location="bottom" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { useAbility } from '@casl/vue'
import { useHomeUrl } from '~/composables/utils/useHomeUrl'

const { homeUrl } = useHomeUrl()
const ability = useAbility()

const btn = ref(null)
</script>

<style scoped></style>