app/components/Layout/Header/HomeBtn.vue

<template>
  <div>
    <v-btn
      ref="btn"
      icon="fas fa-home"
      size="small"
      :href="homeUrl"
      class="on-primary"
    />
    <v-tooltip :activator="btn" :text="$t('welcome')" location="bottom" />
  </div>
</template>

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

const { homeUrl } = useHomeUrl()

const btn = ref(null)
</script>

<style scoped></style>