typescript - No se puede acceder a los datos desde un método en Vue.js (con Ionic)

Estoy tratando de acceder a una variable desde un método, pero obtengo: Property 'commentLikeVisible' does not exist on type '{ toggleCommentLikeVisible:() => void;

Aquí está mi código:

<template>
    <div 
        class="moments-item" 
        data-index="0"
    >
        <div class="item-right">
            <div class="item-ft">
                <div 
                    class="item-reply-btn" 
                    @click="toggleCommentLikeVisible"
                >
                    <span class="item-reply" />
                </div>
                <CommentLikeModal 
                    v-if="commentLikeVisible" 
                />
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import CommentLikeModal from '@/components/CommentLikeModal.vue';

export default {
    name: 'MomentItem',
    components: {
        CommentLikeModal
    },
    data() {
        return {
            commentLikeVisible: false
        }
    },
    methods: {
        toggleCommentLikeVisible: function() {
            this.commentLikeVisible = !this.commentLikeVisible;
        }
    }
}
</script>

Ya intenté toggleCommentLikeVisible() en lugar de toggleCommentLikeVisible: function() con el mismo resultado.

No tengo idea de qué podría estar mal ahí.

Respuesta #1

Creo que es una advertencia/error porque tienes <script lang="ts">. Si editas la etiqueta script, parece desaparecer en el proyecto de ejemplo que creé <script>