I have been having trouble figuring out what I am doing wrong with this code. 

```
    name: 'StatementInfo',
    data() {
        return {
            currentStatement: {
                client: '',
                clientEmail: '',
                date: '',
                hours: '',
                hourlyRate: '',
                total: this.calcTotal
            }
        }
    },
    computed: {
        calcTotal () {
            return parseInt(this.hours) * parseInt(this.hourlyRate)
        }
    },
    methods: {
        saveForm () {
            console.log(this.currentStatement)
            this.$emit('save-form', this.currentStatement)
        },
  }

```

Console logging this.currentStatement causes total to be undefined, but from a junior devs perspective, I would have imagined this to work. Can any more experienced people take a gander at this and tell me what it could be?