緣起
去年 12 月玩守望等匹配的時候就無聊萌生出做一套守望 UI 的想法，因為覺得守望的 UI 比較簡潔，而且對於那些小元件的實現都有個大概的思路。當時 Hey UI 的作者也在知乎上宣傳自己的 UI 庫，所以更加堅定了做這個 UI 庫的想法。
調研了之後還真發現已經有人用 React 寫了 4 個守望的元件了。
他是用 React.js 寫的，不過他寫不是很全，沒有形成一個庫。既然沒有同型別的產品，那就我來用 Vue.js 搞一個吧。所以今年寫完程式碼高亮外掛後，在一些契機下開始動工。
文件
整個庫所使用到的有 Vue.js + Karam, Mocha, Chai，可以從 npm 下載試試~
後記
其實整個 UI 庫真的有用麼？做完之後其實不見得有用 :(，單從設計上來說這個庫和網頁開發的配合不是那麼的好。
因為遊戲一般是有鮮明的背影圖的，所以它的很多元件都是有透明度的，而網頁一般以白色為底，所以元件在網頁上有點“看不清”。而且守望的元件 UI 邏輯和網頁也不太一樣，為了凸顯遊戲本身它的元件做得很“淺”，再用到網頁上就不好看了，但是如果加背景圖應該會好點。
雖然沒啥用吧，但是收穫還是很大的，不僅熟悉了市面上 UI 庫的很多 API，也對自己的 Vue.js 有個提升，還有接觸到了以前從沒有用過的單元測試，當然也被 Vue-cli-3, Karam 等配置坑過幾遍。
總之，3 個月的製作過程也是很有趣的，這個庫的開發算是告一段落了，該期末考了。