簡明的信用卡回饋計算機,輸入刷卡金額並選擇帳戶資格即可試算回饋金額。
此專案採用 Vue 3 的各種新特性,如 Composition API、 <script setup>
,並引入 TypeScript 以獲得無縫的開發體驗。
組件完全以 Tailwind CSS 建構,透過 Dark Mode 的 class strategy 和 VueUse 的 useDark()
來輕鬆實現深色模式。
Demo
https://ngseke.github.io/sinopac-dual-currency-card-calculator/
(註:一代神卡已殞落,2022 年後已不再適用此回饋規則)