mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-05 23:50:08 +00:00
72b5444d5a
## Summary Updates for the linter/formatter deps, turning on some more rules. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7309-WIP-Linter-updates-2c56d73d36508101b3ece6bcaf7e5212) by [Unito](https://www.unito.io) --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: Christian Byrne <cbyrne@comfy.org>
27 lines
709 B
Vue
27 lines
709 B
Vue
<template>
|
|
<div class="flex flex-col items-center gap-1">
|
|
<MediaTitle :file-name="fileName" />
|
|
<!-- TBD: File size will be provided by backend history API -->
|
|
<div v-if="asset.size" class="flex items-center text-xs text-zinc-400">
|
|
<span>{{ formatSize(asset.size) }}</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
|
|
import { formatSize, getFilenameDetails } from '@/utils/formatUtil'
|
|
|
|
import type { AssetMeta } from '../schemas/mediaAssetSchema'
|
|
import MediaTitle from './MediaTitle.vue'
|
|
|
|
const { asset } = defineProps<{
|
|
asset: AssetMeta
|
|
}>()
|
|
|
|
const fileName = computed(() => {
|
|
return getFilenameDetails(asset.name).filename
|
|
})
|
|
</script>
|