diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-06-26 03:12:58 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-06-26 03:12:58 +0900 |
| commit | 5e95a1f7af841f10646133ad0cc155a2c5cea9fd (patch) | |
| tree | 6aacbbdca450e7a0ae54e7040147395c934e787b /packages/client/src/components/mini-chart.vue | |
| parent | enhance(client): tweak control panel dashboard (diff) | |
| download | misskey-5e95a1f7af841f10646133ad0cc155a2c5cea9fd.tar.gz misskey-5e95a1f7af841f10646133ad0cc155a2c5cea9fd.tar.bz2 misskey-5e95a1f7af841f10646133ad0cc155a2c5cea9fd.zip | |
refactor(client): extract interval logic to a composable function
あと`onUnmounted`を`onMounted`内で呼んでいたりしたのを修正したりとか
Diffstat (limited to 'packages/client/src/components/mini-chart.vue')
| -rw-r--r-- | packages/client/src/components/mini-chart.vue | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/client/src/components/mini-chart.vue b/packages/client/src/components/mini-chart.vue index 5e842b1975..c64ce163f9 100644 --- a/packages/client/src/components/mini-chart.vue +++ b/packages/client/src/components/mini-chart.vue @@ -29,6 +29,7 @@ import { onUnmounted, watch } from 'vue'; import { v4 as uuid } from 'uuid'; import tinycolor from 'tinycolor2'; +import { useInterval } from '@/scripts/use-interval'; const props = defineProps<{ src: number[]; @@ -65,9 +66,8 @@ function draw(): void { watch(() => props.src, draw, { immediate: true }); // Vueが何故かWatchを発動させない場合があるので -clock = window.setInterval(draw, 1000); - -onUnmounted(() => { - window.clearInterval(clock); +useInterval(draw, 1000, { + immediate: false, + afterMounted: true, }); </script> |