Nuxt3 -> Nuxt4

基本上就是把依赖升级了一遍，Nuxt4比Nuxt3稳定一些，非常Nice

样式

将通用/可复用的样式抽离到了全局的样式文件里，大概有：

  • _variables：样式变量
  • theme：主题样式变量
  • layout：布局
  • form：表单
  • button：按钮
  • highlight：代码高亮
  • transition：过渡动画
  • blog：博客的通用样式
  • blog-post：博客文章通用样式

类型

  • 一些模块的类型放在 types 下
  • 一些特殊的联系放在 types/form、types/query 下
  • form：表单参数
  • query:搜索参数

静态资源

将 styles、icons、images 放在 assets 下

组件

重构了所有的组件，基本满足组件设计原则

主要调整的有 Comment、Editor 等

Comment

将 Comment 拆分成了 CommentCard、Input、CommentText、ReplyCard 等组件
每一个组件负责单一的职责，接口数据处理全在 comment/index 组件内统一处理

优化项：

  1. 添加了根据 commentId 跳转到指定的 Comment，+ 高亮动画
  2. 添加了过滤 comment 的操作

Editor

保留了表情包、图片上传功能、@功能，其他功能暂时不提供
优化了editor交互

布局

新增左侧小卡片 左右两侧的卡片可以根据不同路由渲染不同的内容
项目主体增加了背景色，卡片也增加了背景色

新功能

添加了留言功能