Getting form data in vue is not working

Questions
1

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

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

<script>
...
methods: {
        submitComment() {
            const data = this.$f7.form.convertToData('#my-form');
            alert(JSON.stringify(data));
        }
    },
...
</script>

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