mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-04 15:10:06 +00:00
b6038128cb
* Batch move global scope i18n to g. namespace * Minor fix * Update locale * Update locales [skip ci] * More moves * Regroup icon/color * nit * Fix component test --------- Co-authored-by: github-actions <github-actions@github.com>
50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
Vue
<template>
|
|
<PanelTemplate value="About" class="about-container">
|
|
<h2 class="text-2xl font-bold mb-2">{{ $t('g.about') }}</h2>
|
|
<div class="space-y-2">
|
|
<a
|
|
v-for="badge in aboutPanelStore.badges"
|
|
:key="badge.url"
|
|
:href="badge.url"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="about-badge inline-flex items-center no-underline"
|
|
:title="badge.url"
|
|
>
|
|
<Tag class="mr-2">
|
|
<template #icon>
|
|
<i :class="[badge.icon, 'mr-2 text-xl']"></i>
|
|
</template>
|
|
{{ badge.label }}
|
|
</Tag>
|
|
</a>
|
|
</div>
|
|
|
|
<Divider />
|
|
|
|
<SystemStatsPanel
|
|
v-if="systemStatsStore.systemStats"
|
|
:stats="systemStatsStore.systemStats"
|
|
/>
|
|
</PanelTemplate>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import PanelTemplate from './PanelTemplate.vue'
|
|
import { useSystemStatsStore } from '@/stores/systemStatsStore'
|
|
import { useAboutPanelStore } from '@/stores/aboutPanelStore'
|
|
import Tag from 'primevue/tag'
|
|
import Divider from 'primevue/divider'
|
|
import { onMounted } from 'vue'
|
|
import SystemStatsPanel from '@/components/common/SystemStatsPanel.vue'
|
|
|
|
const systemStatsStore = useSystemStatsStore()
|
|
const aboutPanelStore = useAboutPanelStore()
|
|
|
|
onMounted(async () => {
|
|
if (!systemStatsStore.systemStats) {
|
|
await systemStatsStore.fetchSystemStats()
|
|
}
|
|
})
|
|
</script>
|