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 { mdAndUp } = useDisplay()

  const btn = ref(null);
</script>

<style scoped>

</style>