Переключаемое булево значение проп

Question

Я использую булеву опору, чтобы указать, отключен компонент Vue или нет, но я бы хотел управлять им с помощью кнопки, чтобы изменить значение по умолчанию с false на true, когда кнопка нажата. Вот код, который у меня есть, но он не работает.

  <v-tooltip v-model="show" top>
        <template v-slot:activator="{ on }">
            <v-btn
                id="editable"
                icon
                v-on="on"
                @click="toggle()"
            >
             <v-icon>mdi-pencil</v-icon>
            </v-btn>
        </template>
        <span>Edit</span>
    </v-tooltip>

props: {
editable: Boolean,
},
data() {
    return {
        editable: false
    }
 },
mounted(){
},
methods:{
    toggle(){
        if(this.editable){
            this.$emit('sendValue', $event.editable.false)
        }else{
            this.$emit('sendValue', $event.editable.true)
        }
    }
},

, поэтому при нажатии на v-btn "editable" значение editable prop изменяется с false на true, и т. Д. И т. Д.

Есть предложения?