/*
|
* @Author : yuan
|
* @Date : 2025-09-28 09:31:16
|
* @LastEditors : yuan
|
* @LastEditTime : 2025-09-28 09:48:36
|
* @FilePath : \src\hooks\use-theme\index.js
|
* @Description :
|
* Copyright 2025 OBKoro1, All Rights Reserved.
|
* 2025-09-28 09:31:16
|
*/
|
import { computed } from "vue"
|
import { useAppStore } from "@/store"
|
|
/**
|
* 主题Hook
|
*/
|
export default function useTheme () {
|
const appStore = useAppStore()
|
|
// 当前主题模式
|
const theme = computed(() => appStore.getTheme)
|
|
// 是否为深色主题
|
const isDark = computed(() => appStore.getTheme === "dark")
|
|
/**
|
* 设置主题
|
*/
|
const setTheme = mode => {
|
appStore.setTheme(mode)
|
}
|
|
/**
|
* 切换主题
|
*/
|
const toggleTheme = () => {
|
const newTheme = theme.value === "light" ? "dark" : "light"
|
appStore.setTheme(newTheme)
|
}
|
|
return {
|
theme,
|
isDark,
|
setTheme,
|
toggleTheme
|
}
|
}
|
