From 2423edec98febab30fc922b3af7887daca01b845 Mon Sep 17 00:00:00 2001
From: fawney19 <elky0401@gmail.com>
Date: Fri, 12 Dec 2025 20:21:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor(frontend):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=85=AC=E5=85=B1=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 改进 EmptyState 和 LoadingState 组件
- 优化 CodeHighlight 样式和功能
---
 frontend/src/components/CodeHighlight.vue       | 3 ++-
 frontend/src/components/common/EmptyState.vue   | 7 +++++--
 frontend/src/components/common/LoadingState.vue | 1 +
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/CodeHighlight.vue b/frontend/src/components/CodeHighlight.vue
index 002c3c4..988827c 100644
--- a/frontend/src/components/CodeHighlight.vue
+++ b/frontend/src/components/CodeHighlight.vue
@@ -14,6 +14,7 @@ import bash from 'highlight.js/lib/languages/bash'
 import json from 'highlight.js/lib/languages/json'
 import ini from 'highlight.js/lib/languages/ini'
 import javascript from 'highlight.js/lib/languages/javascript'
+import { log } from '@/utils/logger'
 
 const props = defineProps<{
   code: string
@@ -105,7 +106,7 @@ const highlightedCode = computed(() => {
       result = hljs.highlight(code, { language }).value
     }
   } catch (e) {
-    console.error('Highlight error:', e)
+    log.error('Highlight error:', e)
     result = code
       .replace(/&/g, '&amp;')
       .replace(/</g, '&lt;')
diff --git a/frontend/src/components/common/EmptyState.vue b/frontend/src/components/common/EmptyState.vue
index 84defe8..329c628 100644
--- a/frontend/src/components/common/EmptyState.vue
+++ b/frontend/src/components/common/EmptyState.vue
@@ -79,8 +79,6 @@ import {
   Inbox,
   AlertCircle,
   PackageOpen,
-  FolderOpen,
-  Database,
   Filter
 } from 'lucide-vue-next'
 import type { Component } from 'vue'
@@ -118,6 +116,11 @@ interface Emits {
 
 const props = withDefaults(defineProps<Props>(), {
   type: 'default',
+  icon: undefined,
+  title: undefined,
+  description: undefined,
+  actionText: undefined,
+  actionIcon: undefined,
   actionVariant: 'default',
   actionSize: 'default',
   size: 'md',
diff --git a/frontend/src/components/common/LoadingState.vue b/frontend/src/components/common/LoadingState.vue
index 566ccf6..eb59efa 100644
--- a/frontend/src/components/common/LoadingState.vue
+++ b/frontend/src/components/common/LoadingState.vue
@@ -48,6 +48,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   variant: 'spinner',
+  message: undefined,
   size: 'md',
   fullHeight: false,
 })