Vue: timer value doesn't update when using setInterval

I have the following code for updating the number of seconds elapsed and displaying it:

<template>
 
 <div>
   {{timerValue}}
   
 </div>
 
  </template>

<script>
 export default {
  name: "App",
  components: {
     
  },

  data() {
    return {
      timerValue: ""
    }
  },

  created()  {
     let seconds = 0;
      this.timerValue = seconds;
      setInterval(function()  {
           seconds++;
      })
  }
};
</script>

However the page always displays

0

What am I doing wrong?

https://codesandbox.io/s/still-cache-1mdgr6?file=/src/App.vue

>Solution :

Maybe like following snippet:

const app = Vue.createApp({
  data() {
    return {
      timerValue: ""
    }
  },
  created()  {
      setInterval(() => {
           this.timerValue++;
      }, 1000)
  }
})
app.mount('#demo')

<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<div id="demo">
  <div>
    {{timerValue}}
  </div>
</div>