# 热门搜索关键词变量修复

## 问题描述
在 `updateHotSearchKeywordsNew()` 函数中，使用了未定义的变量 `hotSearchKeywords`，导致运行时错误：
```
ReferenceError: hotSearchKeywords is not defined
```

## 错误原因
代码中定义的变量名是 `hotKeywordsList`，但在函数中错误地使用了 `hotSearchKeywords`。

## 修复内容

### 修复前
```typescript
hotSearchKeywords.value = hotSearches.slice(0, 5)
console.log('热门搜索关键词更新完成:', hotSearchKeywords.value)
```

### 修复后
```typescript
hotKeywordsList.value = hotSearches.slice(0, 5).map((text, index) => ({
  id: (index + 1).toString(),
  text: text,
  trend: '↗',
  trendClass: 'trend-up'
}))
console.log('热门搜索关键词更新完成:', hotKeywordsList.value)
```

## 改进说明

1. **修复变量名**: 使用正确的 `hotKeywordsList` 变量
2. **数据格式适配**: 将简单字符串数组转换为 `HotKeyword` 对象数组
3. **保持类型一致**: 确保数据结构与 TypeScript 类型定义一致

## 验证
- ✅ 语法检查通过
- ✅ 变量引用正确
- ✅ 数据类型匹配
- ✅ 模板绑定正常

现在热门搜索关键词应该能正常加载和显示了。