常规 ESLint 配置通常比较复杂，好在之前一直关注过 antfu 大佬的 eslint-config，乘着有时间把自己的 VuePress2 博客也迁移到使用该 ESLint 配置，该配置使用比较简单，不用太多繁琐的操作，照着项目文档操作即可。

不知道为什么，搜索vue3打包分析、vite打包分析，清一色的都是推荐的使用rollup-plugin-visualizer插件，我自己也使用过，感觉这个打包分析的插件生成的分析报告贼不好用，不支持放大缩小，只能点击模块进行放大，尝试了下按Exclude和Include关键词搜索也搜索不出内容，不知道是不是我使用有问题还是我搜索方式不对，总之感觉没有vue2的vue-cli-service生成的报告好使。

在之前vue2的版本中，经常在axios请求中对于后端返回的部分错误码进行国际化报错处理，使用te('some.key')判断key是否在国际化文件中，如果存在就翻译key进行报错，如果不存在则提示后端返回的具体错误信息。新项目使用Vue3 + vue-i18n-next，发现在使用te或者$te方法均返回的false，Google搜索一番后找到一个issue完美解决问题，记录下相关的代码。

本文为翻译
原文地址：Announcing Vue 3.4

今天，我们非常高兴地宣布 Vue 3.4"🏀大灌篮 "正式发布！

该版本包含一些实质性的内部改进-其中最显著的是重写了模板解析器，速度提高了 2 倍，还重构了反应性系统，使效果触发更准确、更高效。此外，它还对 API 进行了一系列质量改进，包括稳定了 defineModel 和绑定道具时的新同名简称。

本文章概述了 3.4 中的重点功能。有关变更的完整列表，请查阅GitHub 上的完整更新日志。

之前因为项目需要，实现了 Ant Vue 的自定义换肤并记录了下实现过程Ant Vue 1.x 动态自定义换肤，后来新项目采用Naive UI，也就自己摸索着实现一下自定义换肤，顺便自己记录一下。

最近在逛 GitHub 的过程中发现一个很有趣的库，fake-progress，用来模拟“真实”的进度条，虽然看着已经很多年没更新了，但是不妨碍在 Vue3 中集成使用，这样就不用手搓模拟进度条了，在页面加载顶部进度条、文件上传进度条等等很有用处。

之前的时候我们通常使用Vuex进行状态管理，Vue3 的时候组合式 API大火，Pinia 因此诞生，其目的是设计一个拥有组合式 API 的 Vue 状态管理库，特点简单易用好上手。由于 Vuex 现在处于维护模式，新的应用官方更推荐使用 Pinia：详情。

日常开发过程中避免不了需要显示一些内容，但是内容超长了需要显示...，鼠标悬停需要显示完整内容，原生的title属性虽然可以做到上述的需求，但是完整内容无法复制，也不适用于隐藏的内容是非纯文本的情况，一般 UI 组件都会提供 ToolTip 的组件，我们就可以利用这个组件控制鼠标悬停显示完整内容。下面记录下实际开发过程中使用 Element UI 或者 Ant Design Vue 实现该需求过程。

记录下日常开发中需要使用地图的场景下加载并使用地图的方法。

项目中使用 CSV 文件将多语言集中在一起，方便同时对一个 Key 进行修改。
通过一个可执行的文件icotjo，将 CSV 转换成各语言的 JSON 文件。
icotjo是一个 Go 写的工具，源码可在https://github.com/wonsikin/icotjo查看。