我来帮你开发这个AI编程课程售卖网站。首先让我生成设计灵感，确保网站具有科技感和高级配色。
很好！现在我有了设计灵感。这个项目比较复杂，包含多个页面，我来创建一个任务列表来系统地完成开发。
现在开始搭建基础框架和主题系统，包括深浅主题切换功能：
我已经完成了AI编程课程网站的完整前端开发。网站采用Vue 3 + Tailwind CSS框架，包含以下核心功能：
页面结构：
**特色功能：**深浅主题切换、购物车侧边栏、登录注册弹窗、响应式设计。所有数据使用Mock模拟，无需后端连接。
所有任务已完成。网站包含完整的页面结构：主页、AI编程课列表及详情、AI智能体页面（含会员限制功能）、会员套餐对比页、结账支付页面、以及登录注册弹窗和个人中心。整体采用科技感深色主题设计，支持深浅主题切换，所有交互功能均已实现前端模拟。
这些 lint 错误是误报。linter 错误地将 Vue 3 的 Composition API（如 useRoute, useRouter, ref, computed, inject）识别为 React Hooks。Vue 的组合式 API 与 React Hooks 的规则不同，不需要遵循"只能在组件顶层调用"的限制。
Vue 3 代码本身是正确的，这些警告可以安全忽略。如果你想消除这些警告，可以在项目的 linter 配置中针对 .vue 文件禁用 React hooks 规则。
我发现问题了。Vue 项目需要使用 Vue Router 来处理路由，但当前代码使用了 router-link 和 router-view 组件却没有正确配置路由。在 v0 的 Vue 预览环境中，需要简化为单文件组件。让我重新创建一个可以正常预览的版本：
我已将整个应用重构为单个 Vue 组件，移除了 Vue Router 依赖，改用组件内部状态管理页面切换。主要修复：
currentPage 状态变量控制页面显示，避免路由依赖问题:style 绑定动态应用现在网站应该可以正常预览，包含完整的主页、课程列表、课程详情、智能体、会员套餐、购物车、登录注册和个人中心功能。