# SearchGal Frontend

> Galgame 聚合搜索前端 - Vue 3 + TypeScript + Tailwind CSS

## 技术栈

Vue 3.5 | TypeScript 5.9 | Vite 7 | Pinia 3 | Tailwind CSS 4.1 | motion-v | snd-lib

## 特性

- 流式搜索 (SSE)
- 液态玻璃 UI (#ff1493 主题)
- VNDB 游戏信息 + AI 翻译
- Artalk 评论系统
- PWA 支持

## AI 开发指南

详细的项目结构、代码规范和常用操作请参考:

- [CLAUDE.md](https://github.com/Moe-Sakura/frontend/blob/main/CLAUDE.md): AI 助手项目上下文

## 核心文件

| 文件 | 说明 |
|------|------|
| `src/App.vue` | 根组件，暗色模式、随机背景 |
| `src/components/SearchHeader.vue` | 搜索框、模式切换 |
| `src/components/SearchResults.vue` | 搜索结果列表 |
| `src/stores/search.ts` | 搜索状态管理 |
| `src/api/search.ts` | SSE 搜索 API |
| `src/composables/useSound.ts` | snd-lib 音效 |
| `src/styles/glassmorphism.css` | 液态玻璃样式 |

## 文档

- [README](https://github.com/Moe-Sakura/frontend/blob/main/README.md)
- [环境变量配置](https://github.com/Moe-Sakura/frontend/blob/main/docs/ENV_CONFIG.md)
- [主题系统](https://github.com/Moe-Sakura/frontend/blob/main/docs/THEME_SYSTEM.md)

