fashion-ssr-vue3/components/AppHeader.vue

<!-- @format -->

<script lang="ts" setup>
import { useUserStore } from '@/stores/modules/user'

const userStore = useUserStore()
const { isLogin } = storeToRefs(userStore)

// 使用 useI18n 钩子
const { t } = useI18n()
</script>

<template>
  <div class="flex justify-between items-center z-100 px-20px h-48px pos-fixed top-40px w-1200-auto left-50% translate-x--50% bg-#fff rd-190px b-1px b-solid b-#fff backdrop-blur-10px">
    <div class="flex items-center">
      <NuxtLink to="/">
        <img
          src="~/assets/images/ejet_logo.png"
          alt="logo"
          class="w-140px h-24px cursor-pointer"
        >
      </NuxtLink>
    </div>
    <div class="mx-auto">
      jsgha
    </div>
    <div class="flex items-center ">
      <!-- {{ t('Popular_test') }}
      <div class="w-1px bg-#D8D8D8 h-20px mx-20px" />
      <common-select-lang /> -->
      <common-user-avatar class="ml-30px" />
    </div>
  </div>
</template>

<style lang="less" scoped></style>