用 bun fmt 格式化全部代码和文档

- bunfig.toml 的 [fmt]：不写分号、单引号、一行最长 160，和原来的写法一致
- .prettierignore：docs/教材摘要/ 是书上的摘录，不格式化
- 模板里一行写两条语句的事件处理（@keydown.delete、@dblclick）改成调用方法：去掉分号后拆成两行，Vue 编译不过

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

samples/p8-t4-校园安防/task.md

@@ -10,22 +10,22 @@
 
 ## 界面和控件名
 
-接着任务 3 的程序做。Security 窗体顶部和 Environment 一样：标题栏 + "<  返回主窗体"。
+接着任务 3 的程序做。Security 窗体顶部和 Environment 一样：标题栏 + "< 返回主窗体"。
 
-| 窗体 | 名称（Name） | 文字（Text）和用途 |
-|---|---|---|
-| 主界面 | `pic_security` | "校园安防"：打开 Security 窗体 |
-| 校园安防 | `Security` | 无边框、屏幕居中 |
-| 校园安防 | `panel1`、`panel3` | 标题栏（放标题图 `ico_title`）、返回栏，都停靠 Top |
-| 校园安防 | `lb_return` | <  返回主窗体 |
-| 校园安防 | `panel_bg_video` | 停靠 Fill，白色背景，下面的控件都放在它上面 |
-| 校园安防 | `panel2` | 灰色（DimGray）的视频区 |
-| 校园安防 | `pic_video` | 放在 panel2 上，显示摄像机画面；背景图片 `icon_monitor`，背景排列 Center |
-| 校园安防 | `lb_infrared` | 放在 panel2 上，标签"入侵:"的右边，开始是 N/A，之后显示"发现入侵"或"正常" |
-| 校园安防 | `panel_video_ctrl` | 方向盘：背景图片 `panel_video_ctrl`，背景排列 Stretch |
+| 窗体     | 名称（Name）                                  | 文字（Text）和用途                                                            |
+| -------- | --------------------------------------------- | ----------------------------------------------------------------------------- |
+| 主界面   | `pic_security`                                | "校园安防"：打开 Security 窗体                                                |
+| 校园安防 | `Security`                                    | 无边框、屏幕居中                                                              |
+| 校园安防 | `panel1`、`panel3`                            | 标题栏（放标题图 `ico_title`）、返回栏，都停靠 Top                            |
+| 校园安防 | `lb_return`                                   | < 返回主窗体                                                                  |
+| 校园安防 | `panel_bg_video`                              | 停靠 Fill，白色背景，下面的控件都放在它上面                                   |
+| 校园安防 | `panel2`                                      | 灰色（DimGray）的视频区                                                       |
+| 校园安防 | `pic_video`                                   | 放在 panel2 上，显示摄像机画面；背景图片 `icon_monitor`，背景排列 Center      |
+| 校园安防 | `lb_infrared`                                 | 放在 panel2 上，标签"入侵:"的右边，开始是 N/A，之后显示"发现入侵"或"正常"     |
+| 校园安防 | `panel_video_ctrl`                            | 方向盘：背景图片 `panel_video_ctrl`，背景排列 Stretch                         |
 | 校园安防 | `pic_up`、`pic_down`、`pic_left`、`pic_right` | 放在方向盘上的四个方向键，背景图片 `btn_arrow_up_normal` 等，背景排列 Stretch |
-| 校园安防 | `btn_camera` | 拍照 |
-| 校园安防 | `btn_history` | 查看历史图像（任务 5 再写代码） |
+| 校园安防 | `btn_camera`                                  | 拍照                                                                          |
+| 校园安防 | `btn_history`                                 | 查看历史图像（任务 5 再写代码）                                               |
 
 ## 实现步骤
 
@@ -55,4 +55,4 @@
 2. 点实训台的**红外对射**遮挡光束，"入侵:"后面显示"发现入侵"，画面里出现翻墙的人；再点一次恢复，显示"正常"。
 3. 点四个方向键，画面跟着转；松开后方向键换回原来的图片。把鼠标放在实训台的**网络摄像头**上能看到云台的位置。
 4. 点"拍照"，运行区下面的"程序保存的图片"里多出一张 Camera 文件夹下的照片（文件名是拍照的日期和时间）；到**数据库**页面查询 SecurityData 表，能看到拍照和入侵时存的记录。
-5. 点"<  返回主窗体"，Security 关闭，摄像机也关闭。
+5. 点"< 返回主窗体"，Security 关闭，摄像机也关闭。