- 使用 React 19 + TypeScript + Vite 7 重构整个前端 - 集成 shadcn/ui 组件库和 Tailwind CSS v4 - 使用 TanStack Query 管理服务端状态 - 使用 Zustand 管理客户端状态(认证) - 使用 React Router v7 实现路由 - 实现浅粉色主题,支持深色模式 - 添加 API 拦截器和全局错误处理 - 优化 Toast 通知样式 - 管理页面按钮右对齐 - Token 显示脱敏处理 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
25 lines
781 B
TypeScript
25 lines
781 B
TypeScript
import './style.css'
|
|
import typescriptLogo from './typescript.svg'
|
|
import viteLogo from '/vite.svg'
|
|
import { setupCounter } from './counter.ts'
|
|
|
|
document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
|
|
<div>
|
|
<a href="https://vite.dev" target="_blank">
|
|
<img src="${viteLogo}" class="logo" alt="Vite logo" />
|
|
</a>
|
|
<a href="https://www.typescriptlang.org/" target="_blank">
|
|
<img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
|
|
</a>
|
|
<h1>Vite + TypeScript</h1>
|
|
<div class="card">
|
|
<button id="counter" type="button"></button>
|
|
</div>
|
|
<p class="read-the-docs">
|
|
Click on the Vite and TypeScript logos to learn more
|
|
</p>
|
|
</div>
|
|
`
|
|
|
|
setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)
|