How to properly use an interface in Vuejs?

Question

Vue.js

How to display name, description , time data?
i have interface task.interface.ts

export interface TaskInterface{
    name: string
    description1: string
    time: string
}

in the component

<template lang="pug">
.task()
        .name
          | {{task.name}}
        .description
          | {{task.description}}
        .time
          | {{task.time}}
</template>
import { TaskInterface } from '@/types/task.interface'
data () {
    return {
      task: {}
},
 methods: {
    setTask (task: TaskInterface) {
      task.name = '123'
      task.description1 = '123'
      task.time = '123'
      this.task = task
    }