Hooke / mlaj

移除`HomePage.vue`中重复的视频播放控制逻辑，简化代码结构。同时隐藏`VideoPlayer.vue`中的大播放按钮，提升用户体验。

重构首页组件代码，添加详细的注释说明，提升代码可读性和可维护性。主要修改包括：
- 添加组件功能模块和状态管理的详细描述
- 为视频播放、轮播图、打卡等功能添加注释
- 优化代码结构，使其更清晰易读

修复了视频播放器的自动播放功能，确保视频在加载后自动播放。移除了不必要的日志输出，并添加了播放器实例的检查以确保播放器存在后再执行播放操作。

在底部导航栏中，当用户点击社区链接时，将新标签页打开社区页面。此功能旨在提升用户体验，避免在当前页面跳转导致用户离开当前应用。

在课程详情页中新增评论功能，用户可以对已购买的课程进行评分和评论。新增了ReviewPopup组件用于显示评论弹窗，并在mockData中添加了isPurchased和isReviewed字段以模拟用户购买和评论状态。

为收藏按钮添加了动画效果和过渡样式，提升用户体验。动画在用户点击收藏时触发，按钮会有一个缩放效果，同时添加了过渡样式使变化更加平滑。

在课程详情页中添加收藏按钮，点击按钮可以切换收藏状态。按钮的图标颜色会根据收藏状态动态变化

为了提高代码可读性并减少冗余，注释掉CheckoutPage.vue中未使用的支付选项标签

调整视频播放器的配置项，优化代码格式，并更新视频链接以使用新的资源地址

重构视频播放器组件，使用 ref 替代 let 定义 player 和 state，增加 handleMounted 方法处理挂载逻辑，并调整视频播放器配置以支持更多用户操作和控件优化

重构VideoPlayer组件，使用@videojs-player/vue库中的VideoPlayer组件替换原生video标签，以提高代码的可维护性和扩展性。同时，将播放器配置集中到videoOptions计算属性中，支持通过props传递自定义配置。

新增VideoPlayer组件以支持视频播放功能，并在HomePage中集成。同时添加了相关依赖video.js和@videojs-player/vue，确保视频播放功能的实现和兼容性。

将HomePage.vue和ActivityCard.vue中的`<router-link>`替换为`<a>`标签和`window.open`方法，以便点击后在新标签页打开外部链接

新增学习记录页面，展示用户的学习进度和时长。同时添加了格式化时长功能，将秒数转换为可读格式，便于用户理解

社区菜单项点击时，使用 `window.location.href` 直接跳转到外部链接，避免路由错误

移除AppLayout组件中title属性的必填限制，并根据是否传入title动态调整页面布局样式。同时，在多个页面中移除了不再需要的title属性，以简化代码并提高组件灵活性。

移除ProfilePage.vue中的设置菜单项，删除UsernameSettingPage.vue中冗余的按钮样式类，并添加vant.config.js文件以集中管理Vant组件主题配置。同时，更新App.vue以应用新的主题配置。

新增了用户设置页面及其子页面，支持用户修改头像、用户名和密码。添加了相关API接口，并在路由中配置了对应的路径。同时引入了@heroicons/vue库以支持页面中的图标使用。

新增帮助中心页面和帮助详情页面的路由配置，并在相关页面中集成动态标题功能

新增消息中心和消息详情页面的路由配置，并创建相应的Vue组件文件。消息中心页面展示用户消息列表，消息详情页面展示具体消息内容，支持消息已读状态的更新。

移除不再使用的打卡项目部分和钱包菜单项，以简化代码并提高可维护性

在购物车功能中引入单一商品模式，允许用户在不同场景下选择单一商品或多商品模式。修改了购物车上下文逻辑，确保在单一商品模式下，购物车仅能包含一件商品。同时更新了相关页面逻辑，以适配新模式。

更新App.vue文件中的注释，使其更清晰易懂。删除不再使用的src/api/data.js文件，以减少代码冗余。

添加详细的代码注释，解释认证上下文模块的功能和实现细节，包括用户状态管理、登录登出功能以及token过期检查等。同时更新文件描述，使其更清晰易懂。

- 在axios.js中设置默认的baseURL为本地API地址
- 在auth.js中添加对localStorage操作的异常处理
- 新增users.js文件，定义用户相关API接口
- 在LoginPage.vue中集成登录API并优化登录流程

更新 package.json 中的 dev 和 build 脚本，确保使用指定的 Node 版本 18.19.1。此外，注释掉 CourseDetailPage.vue 中的分享按钮代码，以简化界面。

在auth.js中添加了token过期检查功能，确保用户信息在token过期时不会被恢复。同时，在fn.js中修复了toast样式未导入的问题，确保toast显示正常。

移除文件顶部的冗余注释，这些注释包含文件路径、最后编辑时间和描述等信息，不再需要

重构路由认证检查逻辑，使用更灵活的正则和精确匹配模式，提高代码可维护性

移除MyActivitiesPage.vue中的`space-y-4`样式，以避免不必要的间距。同时，在ActivityCard.vue中添加`block mb-4`类，以确保卡片之间的间距一致。

在注册页面的电话号码输入框中添加了`autocomplete="tel"`属性，以改善用户体验并确保浏览器能够正确识别和自动填充电话号码字段。同时，清理了`components.d.ts`中未使用的组件声明，保持代码整洁。

为了提高 UI 一致性和用户体验，将注册页面的原生 checkbox 替换为 Vant 的 VanCheckbox 组件。同时更新了相关样式和属性配置。

在注册页面中新增了用户协议和隐私政策的弹窗组件，并为其添加了点击事件处理逻辑，以便用户在注册时查看相关条款

移除登录页的“记住我”复选框，简化界面并聚焦核心功能。同时，注释掉注册页的社交登录部分，暂时隐藏未使用的功能，以便后续优化或重新设计。

移除微信登录相关代码，因为当前未使用该功能，减少不必要的代码冗余

修复登录成功后未正确处理重定向参数的问题，并调整注销后的跳转路径为首页。同时移除登录页面中不必要的重定向检查逻辑，简化路由守卫处理。

在路由配置中添加导航守卫，确保用户在访问需要登录的页面时已登录。未登录用户将被重定向到登录页面，并携带当前路径作为重定向参数，以便登录后返回原页面。

将评分组件的尺寸、颜色和图标样式统一调整为更显眼和一致的外观，提升用户体验

为了确保在部署时路由能正确解析路径，将路由历史模式从createWebHistory更改为createWebHashHistory。这种模式更适合某些部署环境，特别是当服务器配置不支持前端路由时。