27 lines
589 B
TypeScript
27 lines
589 B
TypeScript
|
import { shallowRef, onMounted, onUnmounted, defineComponent } from "vue";
|
||
|
|
import { Box, Text } from "@vue-tui/runtime";
|
||
|
|
|
||
|
|
export default defineComponent(() => {
|
||
|
|
const time = shallowRef(new Date().toLocaleTimeString());
|
||
|
|
let timer: ReturnType<typeof setInterval>;
|
||
|
|
|
||
|
|
onMounted(() => {
|
||
|
|
timer = setInterval(() => {
|
||
|
|
time.value = new Date().toLocaleTimeString();
|
||
|
|
}, 1000);
|
||
|
|
});
|
||
|
|
|
||
|
|
onUnmounted(() => {
|
||
|
|
clearInterval(timer);
|
||
|
|
});
|
||
|
|
|
||
|
|
return () => (
|
||
|
|
<Box>
|
||
|
|
<Text>Clock: </Text>
|
||
|
|
<Text bold color="yellow">
|
||
|
|
{time.value}
|
||
|
|
</Text>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
});
|