root
162abdc97c
- Add Prettier 3 with prettier-plugin-organize-imports (sorts/removes unused imports) - Add ESLint 10 flat config with typescript-eslint + eslint-plugin-vue + eslint-config-prettier - Add root scripts: format, format:check, lint, lint:fix - Reformat 257 files across admin-web, ops-web, desktop-client, packages - Remove unused locals/exports flagged by --noUnusedLocals/--noUnusedParameters - Fix duplicate localTabLabel key, surrogate-pair regex u-flag, NBSP literal in regex - Skip server/ (Go) and apps/browser-extension/ (deprecated per ADR) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
33 lines
765 B
Vue
33 lines
765 B
Vue
<script setup lang="ts">
|
|
import { LoadingOutlined } from '@ant-design/icons-vue'
|
|
import { computed } from 'vue'
|
|
|
|
import { getGenerateStatusMeta } from '@/lib/display'
|
|
|
|
const props = defineProps<{
|
|
status?: string | null
|
|
}>()
|
|
|
|
const statusMeta = computed(() => getGenerateStatusMeta(props.status))
|
|
const isLoading = computed(
|
|
() => props.status === 'queued' || props.status === 'generating' || props.status === 'running',
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<a-tag :color="statusMeta.color">
|
|
<span class="article-generate-status">
|
|
<LoadingOutlined v-if="isLoading" spin />
|
|
<span>{{ statusMeta.label }}</span>
|
|
</span>
|
|
</a-tag>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.article-generate-status {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
</style>
|