BaseBar ThemeSwitcher.vue.js

16.66% Statements 1/6

0% Branches 0/6

0% Functions 0/4

16.66% Lines 1/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38  
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  // @ts-check
 
import Vue from "vue";
import { BaseStoreMixin } from "../store/utils";
 
const component = /** @type {V.Constructor<any, any> } */ (Vue).extend({
  name: "ThemeSwitcher",
  mixins: [ BaseStoreMixin ],
  computed: {
    /**
     * @return {string}
     */
    darkMode() { return this.getBaseState([ "ui", "darkMode" ]); },
    /**
     * @return {string|null}
     */
    routerDarkMode() {
      return this.$store?.state?.route?.query?.darkMode ?? null;
    }
  },
  watch: {
    routerDarkMode: {
      immediate: true,
      handler() {
        if (this.routerDarkMode && !this.darkMode) {
          this.toggleTheme();
        }
      }
    }
  },
  methods: {
    toggleTheme() {
      this.dispatchBase("ui/toggleTheme");
    }
  }
});
export default component;