Swiper.js 是很常被使用的開源幻燈片、跑馬燈效果工具，現今 2024 已經到第 11 版了。早期使用 Swiper.js 官方有特別開出 Swiper Vue.js Components 以供使用，不過現已建議使用 WebComponent 來取代。不過 WebComponent 是提供 register() 方法註冊後再行使用，感覺離原生的寫法又有點差距。於是此篇是記下用原生的引入方法，並自行撰寫一個 use Hook 來利用。
內容
[ 官網 ]：https://swiperjs.com/
1. useSwiper 的程式碼中，可接受兩個 key – dom 和 config
2. 可將自製的 config 設定寫在 useSwiper 中，剩餘的可在 new 時傳入
3. 對外僅暴露 initSwiper 和 updateSwiper 方法，同時在 initSwiper 中，回傳值就是 生成的 swiper Instance。因此也可以直接存取這個 swiper 實例來進行操作
4. 相關 modules 的 html ，可在 Vue 中的 <template> 頁籤中直接撰寫
