38 lines
923 B
TypeScript
38 lines
923 B
TypeScript
/**
|
|
* 主题图片 composable。
|
|
* 提供与主题绑定的 SVG 图片路径，方便组件根据当前主题选择正确的图片。
|
|
*
|
|
* 图片存放在 public/themes/{ClassicDark,ClassicLight}/ 目录下，运行时通过 data-theme attribute 动态选择。
|
|
*/
|
|
import { useTheme } from '~/composables/useTheme'
|
|
|
|
export function useThemeImage() {
|
|
const { currentTheme } = useTheme()
|
|
|
|
/** 获取指定键名的主题 SVG 路径 */
|
|
function getThemeSvg(key: string) {
|
|
return `/themes/${currentTheme.value}/${key}`
|
|
}
|
|
|
|
/** 获取 Logo SVG 路径 */
|
|
function getLogo() {
|
|
return getThemeSvg('logo.svg')
|
|
}
|
|
|
|
/** 获取搜索图标 SVG 路径 */
|
|
function getSearchIcon() {
|
|
return getThemeSvg('search.svg')
|
|
}
|
|
|
|
/** 获取点赞图标 SVG 路径 */
|
|
function getThumbsUpIcon() {
|
|
return getThemeSvg('thumbs-up.svg')
|
|
}
|
|
|
|
return {
|
|
getLogo,
|
|
getSearchIcon,
|
|
getThumbsUpIcon
|
|
}
|
|
}
|