Bug with destroy / unmount component

[pwFoo]

Looks like a bug during destroy / unmount component. After @vue:unmount is executed I get error messages in console.

Looks like template triggeres a reactive data getter during component is destroyed and getter function no more exists?

Template

        <template id="template-match">
            <h2>Match {{match._['#']}}</h2>
            <div><span>{{home.name}}</span> <span>{{match.score_home}}</span></div>
            <div><span>{{guest.name}}</span> <span>{{match.score_guest}}</span></div>
        </template>

Component

            match = function() {
                return {
                    $template: '#template-match',
                    get match() {
                        return page.matches.find(m => m._ && page.params && page.params.match && m._['#'] == page.params.match)
                    },
                    get home() {
                        return page.teams.find(t => this.match && this.match.team_home['#'])
                    },
                    get guest() {
                        return page.teams.find(t => this.match && this.match.team_guest['#'])
                    }
                }
            }

I'm new with (petite-)vue and code isn't optimized, but shouldn't throw errors that way?

[PSanilP]

Same here. Throwing up an error when you re-render the div with new data.
I am wondering how to explicitly unmount

[PSanilP]

Have you tried v-bind:key=someuniquekey ?
I am not sure if petitevue has same concept as vue2 https://michaelnthiessen.com/key-changing-technique