<template>
  <div class="logo">
    <RouterLink
      to="/dashboard"
      class="d-flex"
    >
      <div class="d-flex">
        <h1
          class="mt-1 ml-3"
          color="primary"
          style="font-size: 26px"
        >
          {{ APPLICATION_NAME.toUpperCase() }}
        </h1>
      </div>
    </RouterLink>
  </div>
</template>

<script setup lang="ts">
import { APPLICATION_NAME } from "@/config"
</script>

<style>
.logo a {
  text-decoration: none !important;
  color: #fff;
  font-weight: 500;
}
</style>
