Getting form data in vue is not working

I created a form in a component and I’m trying to get the inputs data but all I get is an empty object. my code is

        <form id="my-form">
            <input type="text" />
            <f7-button @click="submitComment">

methods: {
        submitComment() {
            const data = this.$f7.form.convertToData('#my-form');

All I get in the alert is an empty object event thought the input has data, am I doing something wrong here?