<template>
  <nuxt-link to="/" class="flex items-center gap-sm mr-7" v-if="logo">
<!--    <el-image src="https://oss.wsdns.cn/20250211/eedb87d7b95b41e3bc9eca1247c85fa4.png" class="h-[30px]" size="small" shape="square" />-->
<!--    <h4 class="text-gray-700 text-xl font-bold">WEBSOFT</h4>-->
    <el-image :src="logo?.value" class=" rounded-sm rounded-sm h-[24px]"/>
<!--    <div class="text-sm text-gray-700 text-xl font-bold" :style="`${logo?.style}`">{{ website?.websiteName }}</div>-->
  </nuxt-link>
</template>

<script setup lang="ts">
import {useLogo, useWebsite} from "~/composables/configState";
import {listCmsWebsiteField} from "~/api/cms/cmsWebsiteField";
const logo = useLogo()
const config = useAppConfig();
const website = useWebsite();

listCmsWebsiteField({
  name: 'siteLogo'
}).then(data => {
  if(data[0]){
    logo.value = data[0]
  }
})
</script>

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