mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 01:12:37 +00:00
Refactored dark mode toggle event bus and fixed charts on dark toggle, set default as noir
This commit is contained in:
parent
f91a83cf19
commit
be0092f0b4
18 changed files with 112 additions and 67 deletions
|
@ -12,6 +12,7 @@
|
|||
import EventBus from '@/layouts/AppEventBus';
|
||||
|
||||
export default {
|
||||
darkModeToggleListener: null,
|
||||
data() {
|
||||
return {
|
||||
chartData: null,
|
||||
|
@ -193,15 +194,18 @@ const setChartOptions = () => {
|
|||
}
|
||||
};
|
||||
},
|
||||
beforeUnmount() {
|
||||
EventBus.off('dark-mode-toggle-complete', this.darkModeToggleListener);
|
||||
},
|
||||
mounted() {
|
||||
this.chartData = this.setChartData();
|
||||
this.chartOptions = this.setChartOptions();
|
||||
|
||||
this.themeChangeListener = () => {
|
||||
this.darkModeToggleListener = () => {
|
||||
this.chartOptions = this.setChartOptions();
|
||||
};
|
||||
|
||||
EventBus.on('theme-change-complete', this.themeChangeListener);
|
||||
EventBus.on('dark-mode-toggle-complete', this.darkModeToggleListener);
|
||||
},
|
||||
methods: {
|
||||
setChartData() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue