<template>
  <router-link :to="routeHomePath" class="flex-center w-full nowrap-hidden">
    <!-- v-if="!appStore.siderCollapse" -->
    <img src="../../../assets/images/logo-444.png" class="w-90px" alt="" />
    <!-- <img v-else src="../../../assets/images/logo-2-removebg-preview.png" class="w-30px" alt="" /> -->
    <!-- <h2 v-show="showTitle" class="pl-8px text-16px font-bold transition duration-300 ease-in-out">
      {{ title }}
    </h2> -->
  </router-link>
</template>

<script setup lang="ts">
import { routePath } from '@/router';
import { useAppStore } from '@/store';
import { useAppInfo } from '@/composables';

const appStore = useAppStore();

interface Props {
  /** 显示名字 */
  showTitle: boolean;
}

defineProps<Props>();

const { title } = useAppInfo();
const routeHomePath = routePath('root');
</script>
<style scoped></style>
