ff-admin/src/components/AppIcon.vue

<template>
  <img ref="icon" :src="url + '/api/public/icon.png'" alt="LOGO" class="h-full w-auto" />
</template>

<script setup lang="ts">
import { url } from "@/serverCom";
import { useSettingStore } from "@/stores/admin/management/setting";
import { mapState } from "pinia";
import { defineComponent } from "vue";
</script>

<script lang="ts">
export default defineComponent({
  watch: {
    icon() {
      (this.$refs.icon as HTMLImageElement).src = url + "/api/public/icon.png?" + new Date().getTime();
    },
  },
  computed: {
    ...mapState(useSettingStore, ["readSetting"]),
    icon() {
      return this.readSetting("club.icon");
    },
  },
});
</script>