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/widgets/federation.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/widgets/federation.vue')
| -rw-r--r-- | packages/client/src/widgets/federation.vue | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/packages/client/src/widgets/federation.vue b/packages/client/src/widgets/federation.vue index afe7af0e96..ac87cdac2e 100644 --- a/packages/client/src/widgets/federation.vue +++ b/packages/client/src/widgets/federation.vue @@ -25,6 +25,7 @@ import { GetFormResultType } from '@/scripts/form'; import MkContainer from '@/components/ui/container.vue'; import MkMiniChart from '@/components/mini-chart.vue'; import * as os from '@/os'; +import { useInterval } from '@/scripts/use-interval'; const name = 'federation'; @@ -64,12 +65,9 @@ const fetch = async () => { fetching.value = false; }; -onMounted(() => { - fetch(); - const intervalId = window.setInterval(fetch, 1000 * 60); - onUnmounted(() => { - window.clearInterval(intervalId); - }); +useInterval(fetch, 1000 * 60, { + immediate: true, + afterMounted: true, }); defineExpose<WidgetComponentExpose>({ |