我正在创建一个简单的vue.js时钟，这就是为什么我真的很困惑为什么它不工作。我试图实现我在网上找到的多个解决方案，但每一个都未能解决这个问题。
应用程序是使用合成API用npm init vue@latest.im初始化的。
下面是我的js：

import { 
    reactive, 
    computed, 
    onMounted,
    onBeforeUnmount 
} from 'vue';

const data = reactive({
    date: '',
    time: ''
});

const today = new Date();

const getCurrentTime = () => {
    const hours = today.getHours();
    const minutes = today.getMinutes();
    const seconds = today.getSeconds();

    const zeroPadding = (num) => {
        if (num < 10) {
            return `0${num}`
        } else {
            return num;
        }
    };
        
    data.time = `${zeroPadding(hours)}:${zeroPadding(minutes)}:${zeroPadding(seconds)}`;
}

onMounted(() => {
    setInterval(getCurrentTime, 1000);
});

下面是html：

<div class="time">
    <time class="time__date">{{ data.date }}</time>
    <time class="time__hour">{{ data.time}}</time>
</div>

我甚至复制了这个解决方案https://dev.to/snehalkadwe/digital-clock-using-vue-3-composition-api-5cmc，但是它也没有更新时钟。我已经受够了，这是我第一篇关于stackoverflow的文章，所以是的，这是一个大问题。