fix(storybook): fix toast issue in storybook

quangtynu · Mar 2, 2020 · 6c0ed01 · 6c0ed01
1 parent 3294085
commit 6c0ed01
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/stories/10-Toast.stories.js b/stories/10-Toast.stories.js
@@ -1,9 +1,26 @@
 import { storiesOf } from '@storybook/vue'
 import { Button } from '../packages/kiwi-core/src'
+import { colorModeObserver } from '../packages/kiwi-core/src/utils/color-mode-observer'
+
+const watch = {
+  $theme: {
+    immediate: true,
+    handler (theme) {
+      colorModeObserver.theme = theme()
+    }
+  },
+  $icons: {
+    immediate: true,
+    handler (icons) {
+      colorModeObserver.icons = icons
+    }
+  }
+}
 
 storiesOf('UI | Toast', module)
   .add('Simple Toast', () => ({
     components: { Button },
+    watch,
     inject: ['$theme', '$icons'],
     methods: {
       showToast () {
@@ -24,6 +41,7 @@ storiesOf('UI | Toast', module)
   }))
   .add('With status', () => ({
     components: { Button },
+    watch,
     inject: ['$theme', '$icons'],
     methods: {
       infoToast () {
@@ -78,6 +96,7 @@ storiesOf('UI | Toast', module)
   }))
   .add('With variant', () => ({
     components: { Button },
+    watch,
     inject: ['$theme', '$icons'],
     methods: {
       successToast (variant = 'solid') {