許久沒開箱了，這次要開的是 iRocks K89M ，這款鍵盤說來慚愧，我滿早就入手了，不過因為搬家加上工作的關係，最近才從倉庫把它挖出來，好再手感依舊，這次還是做個紀錄，把鍵盤給開起來。
iRocks 從薄膜鍵盤，到機械自鍵盤，再到自有軸，這次來到了人體工學分離式機械鍵盤，每一次的鍵盤設計都令人驚艷，價位也是相當的親民，機械式鍵盤從好入手的軸體，到堅持德國櫻桃軸體的選擇都有各種類型的選擇可以挑選。
這次要開箱的 K89M 也是，最早在嘖嘖募資，為人體工學鍵盤再闢一條道路，募資現況已成功，不過相隔已經兩年了，要買也很難入手。不過好在近期它們又開了新的鍵盤設計 iRocks-K59M
不過究竟 K89M 到底好不好用，現在開箱也可以讓想預購 K59M 的朋友們做個參考。
K89M 採用人體工學鍵盤左右分離的設計，整體包裝來說是採用上下疊的方式包裝
Vue3 HOC( higher order components )，原本我還不知道 HOC 的意思，主要是用了 Quasar 元件庫之後，針對原有的組件有些事件、方法想要異動，當然想操作到最少異動達到我的效果，所以搜尋了類似的關鍵字，最後才知道利用 HOC ( higher order components ) 可以達到我要的目的，HOC 在 React 已經是相當成熟的概念了，但是在 Vue 裡面實際上看到的案例相當少。
首先可以理解一下 Vuc 的 HOC 的來由，可以參考這篇：探索Vue高阶组件
我能夠快速理解的模式就是，撰寫一個 function 幫你與目標元件溝通，並且取代成原本的 component
下列這個專案：@hoc-element/table 就是一個針對 element plus 修改的例子
開始寫專案之前，團隊都是使用 Vue 2 寫畫面，Vue 2 要升級到 Vue 3 對我來說，最大的轉變就是 extends 了
Vue 2 用的是 Options API， Vue 3 寫的是 Composition API，寫法什麼的對還沒開始完成專案的我來說，好像沒太大差異。
但是當我實際開始寫之後，才知道我在專案上之前應用了很多 extends 用法，在 Vue 3 裡面通通失效了…
原本寫成 extends 的作法是讓每個 Component 都可以不必撰寫就有此方法，data 也可以逐一傳遞，現在通通要改成 Vue 3 的寫法。
Vue 的本身是沒有權限的，雖然 vue router 本身建議基於 路由把資料塞到 meta 內，不過這個邏輯不方便應用我的後台管理。
目前設計的是公司內部使用的管理介面，所以是有點類似論壇的概念，每個使用者一定會有特定的權限，後端也會設計角色群組，授權給不同的使用者，所以一定會有交錯的權限設計。
目前後端採用的權限控管使用 casbin 權限控管，帶入 laravel 有的 route name，每個路由都會有獨立的 key name ，前端的路由也可以對應後端的路由，不過要確定一個明確的 keyname，根據 laravel 的 resource 定義，能夠讀取首頁的 route name 都定義為 index 。