Как я могу заставить @Model и @Emit работать вместе в VueJs с Typescript?

Question

Может кто-нибудь помочь мне с декораторами @Model и @Emit? Я пытаюсь изменить порядок щелчков в моем компоненте и используемую документацию отсюда: https://github.com/kaorun343/vue-property-decorator. Вот мой код:

<template>
<button @click="onSortClick">Sort</button>
</template>  

<script lang="ts">
import Vue from "vue"; 
import { Emit, Componet, Model } from "vue-property-decorator";

export default class MyButton extends Vue {

    @Model("sort", { type: String, default: "none" }) readonly order!: string;

    @Emit("sort")
    onSortClick() {
        const nextSortOrder = {
                ascending: "descending",
                descending: "none",
                none: "ascending"
        };
        return nextSortOrder[this.order];
    }
}
</script>

Но когда я нажимаю кнопку, значение переменной "Порядок "не меняется. Я что-то не так делаю?