novel-front-app/mixins/themeMode.js

import { mapGetters, mapMutations } from 'vuex'

/**
 * 主题模式混合器
 * 提供了isDarkMode和currentTheme计算属性，以及toggleThemeMode和setThemeMode方法
 * 使用方法：
 * 1. 在组件中导入：import themeMixin from '@/mixins/themeMode.js'
 * 2. 在组件中注册：mixins: [themeMixin]
 * 3. 然后可以使用：this.isDarkMode 和 this.toggleThemeMode() 等
 */
export default {
  computed: {
    ...mapGetters(['isDarkMode', 'currentTheme'])
  },
  methods: {
    ...mapMutations(['toggleThemeMode', 'setThemeMode'])
  }
}