Hooke / mlaj-reading-club

在ActivityDetail.vue和UserProfile.vue中，将Tabs组件替换为内联实现，以提高代码的可读性和维护性。同时修复了路径中的空格问题，并调整了路由参数的命名。

- 添加了`example.json`文件，包含旅行博客的示例数据
- 更新了`users.json`文件，扩展了用户信息字段
- 修改了`ActivityCard.vue`组件，将外层`router-link`替换为`div`以优化结构

在主页添加了热门搜索按钮，方便用户快速搜索相关内容。同时优化了活动列表的样式，包括背景颜色、图标和布局，提升用户体验。

调整ActivityCard组件布局，新增isSmall属性以支持紧凑模式显示。移除冗余代码并优化样式，提升代码可维护性和用户体验。

在ActivityCard组件中新增活动状态标签，根据活动时间动态显示不同状态（如“报名中”、“进行中”等），并为其设置相应的背景和文字颜色。同时优化了活动地点的显示逻辑，支持线上活动的显示。

refactor: 重构页面组件以使用本地数据
style: 调整组件代码结构以提高可读性
docs: 更新组件注释和文档

- 初始化项目结构，包括Vue 3、Pinia、Vue Router、TailwindCSS等依赖
- 添加首页、活动详情页、创建活动页等核心页面
- 实现活动分类、搜索、报名等基本功能
- 添加公共组件如按钮、输入框、模态框等
- 配置Vite、TailwindCSS、PostCSS等构建工具