简述
这是一个 Vue3 的 UI，你可以 npm install suni-ui 安装。
那有什么特点呢？ 就是简单、好看，可以很容易的自己去开发。
参考文档 挂载在 码云 Gitee Pages 与 Github Pages
同时源码也同时在 码云：gitee.com/YYsuni/suni 与 Github：github.com/YYsuni/suni
缘由
自己试着写自己的网址，需要用一个不错的UI组件，节省开发时间。于是就在长时间的寻找下，选定了 Vuesax 4.0，这是个很棒的UI，让人赏心悦目。不过用着就发现第一个bug，<vs-tooltip>组件在单文件页面变换时，不会消失。去Github查看，作者已经很久没动静了。
开始的时候，试着去改源代码，但是，这个UI用的工具包还是有些陌生，最后还是没有能做到修补。
于是就想着移植一个自己的UI，当作自己的工具包。
过程
第一步
Vuesax 的源码是 vuesax-next，不是普通的组件文件，用的 vue-property-decorator 更像是在写 渲染函数 加 装饰器。但是不用细究就能知道写了什么。所以，第一步就是新开一个项目，然后直接移植组件为单文件组件，vite建立测试网站项目直接使用、展示。
第一步中，大量的template结构维持原状，样式文件的less转译为scss、等等小的改动。主要为移植到Vue3 单文件组件。
第二步
所有组件都会打包，所以本地项目直接引用肯定是不行的，于是开始尝试webpack打包，但屡屡受挫。于是选择了rollup，终于有了边打包边开发。
第三步
优化，彻底将项目解析成我想要的结果。对文件的结构，样式，逻辑进行清洗，重构。不断参考 element-plus 向专业靠拢。
第四步
像样的参考网址。开始没想折腾这么多，但在稍微探索的过程中，发现了可行性，于是就多花了几周完善，到挂载静态网站。
心得
移植、开发的时间跨度很长，几个月。几个月在工作复杂度的日益提高的情况下，想法改变了很多，很多的主意在过程中不断改变，自己也更加沉静。越到后来，发现很多问题都没有之前的那么不敢触碰，变得轻车熟路。
对大家的意义
写文章，就是为大家提供一个新的见解，为新人提供更多帮助。每个人脑袋里都运行的不同的逻辑，没有最合适的陈述方式，每篇文章都给路上的人提供一个机会，能够领悟的机会。
suni 这个项目有个md文件夹，里面留下了很多笔记，过程。希望能给大家带来一些前路上的帮助。
