MuggleLand

🌟基于Vue3的轻量级AI对话平台，支持内联模式和展开模式，集成OpenAI API服务、支持多轮会话管理、实时流式响应、状态持久化与markdown渲染支持。

1. vue3 + typescript + vitepress + vite 2. monorepo + pnpm 包管理方式 3. eslint + husky + linstage 规范代码

TS类型 变量声明（类型注解） 基础类型 数组和元组 对象类型 函数类型 类 any、unknown、never 枚举类型enum interface和type 索引签名（键值类型） 联合类型和交叉类

刚过完一遍vue3.5文档，使用全新的组合式API方式练习了一个记账小Demo，并部署到vercel上，有一些新特性以后再慢慢用上。整体写代码还是磕磕绊绊的，但至少都能理解了。

初次使用配置用户信息 创建远程库 SSH配置 本地库操作 远程库操作 分支操作 vscode管理

使用全新setup store方式使用pinia，比option store方式容易理很多：安装，创建pinia插件，定义store，使用store

路由插件的创建, 路由表的配置, 路由跳转与呈现, 路由器实例与路由信息对象, 路由参数,导航守卫，路由懒加载，动态添加路由

app.component()，defineProps()，$emit() defineEmits() defineModel()，透传attributes，插槽，依赖注入，异步组件，内置组件

单文件组件 API 构建Vue 创建vue应用 模板语法 {{}} v-xxx 响应式 ref reactive 计算属性 computed() 样式绑定 :class :style 条件渲染 v-i