Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

test: pin time on Chromatic

Browse source
This commit is contained in:
Acid Chicken (硫酸鶏) 2023-04-09 14:16:19 +09:00
parent b346b99527
commit b2131592f2
No known key found for this signature in database
GPG key ID: 3E87B98A3F6BAB99
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/frontend/src/components/MkDigitalClock.vue
View file

@ -18,10 +18,12 @@ const props = withDefaults(defineProps<{
showS?: boolean;
showMs?: boolean;
offset?: number;
now?: () => Date;
}>(), {
showS: true,
showMs: false,
offset: 0 - new Date().getTimezoneOffset(),
now: () => new Date(),
});
const hh = ref('');
@ -39,9 +41,9 @@ watch(showColon, (v) => {
}
});
const tick = () => {
const now = new Date();
now.setMinutes(now.getMinutes() + (new Date().getTimezoneOffset() + props.offset));
const tick = (): void => {
const now = props.now();
now.setMinutes(now.getMinutes() + now.getTimezoneOffset() + props.offset);
hh.value = now.getHours().toString().padStart(2, '0');
mm.value = now.getMinutes().toString().padStart(2, '0');
ss.value = now.getSeconds().toString().padStart(2, '0');
@ -57,7 +59,7 @@ onMounted(() => {
});
onUnmounted(() => {
defaultIdleRender.remove(tick);
defaultIdleRender.delete(tick);
});
</script>