在進行Electron 專案時，後端夥伴選擇將 sqlite 資料庫跟專案檔打包成一個執行檔。在開發過程中，前端的操作經常會更動到 db的資料，此時 Git 就會追蹤到 db 的變化，因此前端在推送檔案到遠端 repo 前，會需要將其移出 Git 追蹤範圍，該怎麼做？

學習

職場

以行動支持創作者！付費即可解鎖

我是Sail，這裡主要分享一些自己覺得有趣的前端議題。

在串接第三方 API時，需要定期刷新 token，那有沒有辦法針對 request 和 response 做配置，在 token 過期時先做刷新、再做請求呢？本文要介紹利用 axios 套件提供的攔截器刷新 token 的作法。

在 Vue 專案中使用 Apollo Graphql Client 從 API 獲取資料，由於資料結構較為複雜，筆者便跟著網路教學使用 codegen 工具自動化產生 TypeScript 型別定義。在某個元件中，需要使用 defineProps 來撰寫型別定義，結果⋯⋯

為什麼要登出使用者？

安全性：防止未經授權的人，在使用者暫離時使用系統，這在公用或共享電腦的環境中尤其重要。

資料保護：只要使用者處於登入狀態，就會暴露在個人資料被他人操縱或利用的風險中，因此登出閒置使用者對資安也很重要。

如何在 Vue 3 專案中實作此功能？

data-* attributes 是 HTML 內建的屬性，可將網頁的狀態與元素進行綁定。而Tailwind CSS 在 3.2 版更新中推出使用 data-* attributes 自訂樣式的功能，讓樣式設定可以更動態多變。

<div class="draft-block draft--p left">感謝分享！看完介紹會覺得能用clsx就盡量用，data-attribute 的原生寫法完全不吸引人XD</div>