<script setup lang='ts'>
import { defineAsyncComponent, ref} from 'vue'
import { HoverButton, SvgIcon, UserAvatar } from '@/components/common'
// import { countStore } from '@/store'

const Setting = defineAsyncComponent(() => import('@/components/common/Setting/index.vue'))

const show = ref(false)
// 注入不含默认值的静态值
// const a1 = countStore();

</script>

<template>
  <footer class="flex items-center justify-between min-w-0 p-4 overflow-hidden border-t dark:border-neutral-800">
    <div class="flex-1 flex-shrink-0 overflow-hidden">
      <UserAvatar />
    </div>
    <!-- <HoverButton :tooltip="$t('setting.setting')" @click="show = true">
      <span class="text-xl text-[#4f555e] dark:text-white">
        <SvgIcon icon="ri:settings-4-line" />
      </span>
      {{a1.count1}}
    </HoverButton> -->

    <Setting v-if="show" v-model:visible="show" />
  </footer>
</template>
