格式化前端代码

web/README.md

@@ -23,18 +23,18 @@ Loongyan 相册系统的前端应用，基于 [SvelteKit](https://kit.svelte.dev
 
 ## 🛠️ 技术栈
 
-| 技术 | 说明 |
-|------|------|
-| [Svelte 5](https://svelte.dev/) | 前端框架（Runes 模式） |
-| [SvelteKit 2](https://kit.svelte.dev/) | 全栈框架 |
-| [Vite 7](https://vitejs.dev/) | 构建工具 |
-| [Paraglide JS](https://inlang.com/m/gerre34r/library-inlang-paraglideJs) | 国际化 |
-| [Better Auth](https://www.better-auth.com/) | 用户认证 |
-| [Drizzle ORM](https://orm.drizzle.team/) | 数据库 ORM |
-| [SQLite](https://www.sqlite.org/) | 嵌入式数据库 |
-| [Vitest](https://vitest.dev/) | 单元测试 |
-| [Playwright](https://playwright.dev/) | 浏览器测试 |
-| [mdsvex](https://mdsvex.pngwn.io/) | Markdown 组件 |
+| 技术                                                                     | 说明                   |
+| ------------------------------------------------------------------------ | ---------------------- |
+| [Svelte 5](https://svelte.dev/)                                          | 前端框架（Runes 模式） |
+| [SvelteKit 2](https://kit.svelte.dev/)                                   | 全栈框架               |
+| [Vite 7](https://vitejs.dev/)                                            | 构建工具               |
+| [Paraglide JS](https://inlang.com/m/gerre34r/library-inlang-paraglideJs) | 国际化                 |
+| [Better Auth](https://www.better-auth.com/)                              | 用户认证               |
+| [Drizzle ORM](https://orm.drizzle.team/)                                 | 数据库 ORM             |
+| [SQLite](https://www.sqlite.org/)                                        | 嵌入式数据库           |
+| [Vitest](https://vitest.dev/)                                            | 单元测试               |
+| [Playwright](https://playwright.dev/)                                    | 浏览器测试             |
+| [mdsvex](https://mdsvex.pngwn.io/)                                       | Markdown 组件          |
 
 ---
 
@@ -139,14 +139,14 @@ const API_BASE = '/api/v1';
 
 ### 可用 API 方法
 
-| 方法 | 说明 |
-|------|------|
-| `getAlbums()` | 获取所有相册 |
-| `getAlbum(id)` | 获取相册详情 |
+| 方法                      | 说明           |
+| ------------------------- | -------------- |
+| `getAlbums()`             | 获取所有相册   |
+| `getAlbum(id)`            | 获取相册详情   |
 | `getAlbumPhotos(albumId)` | 获取相册内照片 |
-| `getPhoto(id)` | 获取照片详情 |
-| `getPhotoFileUrl(id)` | 获取原图 URL |
-| `getPhotoPreviewUrl(id)` | 获取预览图 URL |
+| `getPhoto(id)`            | 获取照片详情   |
+| `getPhotoFileUrl(id)`     | 获取原图 URL   |
+| `getPhotoPreviewUrl(id)`  | 获取预览图 URL |
 
 ---
 
@@ -179,24 +179,24 @@ pnpm check:watch
 
 ### 基础 UI 组件
 
-| 组件 | 说明 |
-|------|------|
-| `Button` | 按钮组件 |
-| `Card` | 卡片容器 |
-| `Container` | 页面容器 |
-| `Grid` | 网格布局 |
-| `Loading` | 加载状态 |
-| `Empty` | 空状态提示 |
+| 组件        | 说明       |
+| ----------- | ---------- |
+| `Button`    | 按钮组件   |
+| `Card`      | 卡片容器   |
+| `Container` | 页面容器   |
+| `Grid`      | 网格布局   |
+| `Loading`   | 加载状态   |
+| `Empty`     | 空状态提示 |
 
 ### 业务组件
 
-| 组件 | 说明 |
-|------|------|
-| `AlbumCard` | 相册卡片 |
-| `AlbumList` | 相册列表 |
-| `PhotoCard` | 照片卡片 |
-| `PhotoGrid` | 照片网格 |
-| `BackLink` | 返回链接 |
+| 组件         | 说明     |
+| ------------ | -------- |
+| `AlbumCard`  | 相册卡片 |
+| `AlbumList`  | 相册列表 |
+| `PhotoCard`  | 照片卡片 |
+| `PhotoGrid`  | 照片网格 |
+| `BackLink`   | 返回链接 |
 | `PageHeader` | 页面标题 |
 
 ---
@@ -228,7 +228,7 @@ pnpm check:watch
 
 ```svelte
 <script>
-  import * as m from '$lib/paraglide/messages';
+	import * as m from '$lib/paraglide/messages';
 </script>
 
 <h1>{m.welcome()}</h1>
@@ -262,16 +262,16 @@ pnpm drizzle-kit migrate
 
 ## 📜 脚本命令
 
-| 命令 | 说明 |
-|------|------|
-| `pnpm dev` | 启动开发服务器 |
-| `pnpm build` | 构建生产版本 |
-| `pnpm preview` | 预览生产构建 |
-| `pnpm test` | 运行测试 |
-| `pnpm test:unit` | 运行单元测试 |
-| `pnpm check` | 类型检查 |
-| `pnpm lint` | 代码检查 |
-| `pnpm format` | 格式化代码 |
+| 命令               | 说明            |
+| ------------------ | --------------- |
+| `pnpm dev`         | 启动开发服务器  |
+| `pnpm build`       | 构建生产版本    |
+| `pnpm preview`     | 预览生产构建    |
+| `pnpm test`        | 运行测试        |
+| `pnpm test:unit`   | 运行单元测试    |
+| `pnpm check`       | 类型检查        |
+| `pnpm lint`        | 代码检查        |
+| `pnpm format`      | 格式化代码      |
 | `pnpm auth:schema` | 生成认证 Schema |
 
 ---
@@ -304,9 +304,9 @@ pnpm add -D @sveltejs/adapter-static
 import adapter from '@sveltejs/adapter-node';
 
 const config = {
-  kit: {
-    adapter: adapter()
-  }
+	kit: {
+		adapter: adapter()
+	}
 };
 ```
 
@@ -322,4 +322,4 @@ const config = {
 
 <div align="center">
   <sub>Made with ❤️ using SvelteKit</sub>
-</div>
+</div>