描述#
前兩天在用 Vue 寫一個首頁的時候，想着用 useDark 來實現深色模式，但是在使用的時候遇到了一個有趣的問題，就是在使用滑塊開關來控制深色模式的時候，發現滑塊開關的過渡效果失效了，這是為什麼呢？ 因為 transition 失效了，所以就沒有了過渡效果。
原因 / 解決方案#
可以點擊這裡 去看看源碼
經過一番查找，在這個 Issues 中找到了問題原因，失效是因為 userColorMode 在處理改變的時候，先禁用 transition 再取消禁用導致的。在創建 useDark 的時候，options 中的 disableTransition 就是禁用 transition，它的默認值是 true，所以就導致沒有過渡動畫了。那么默認傳入 disableTransition 為 false 的值就可以了。
const isDark = useDark({ disableTransition: false })
項目中可以這樣使用：
好了大功告成，下次見！