Soy nuevo en NuxtJS, estaba tratando de hacer un formulario simple para probar cosas. La idea es que tengo un componente que contiene el formulario completo

 <template> <div> <h1> {{ title }} </h1> <form @submit.prevent="handleSubmit"> <input type="email" v-model="email" /> <input type="password" v-model="password" /> <button type="submit">Sign in</button> </form> </div> </template> <script> export default { data: function() { return { title: 'Sign in', email: null, password: null } }, methods: { handleSubmit: function() { console.log('Hello') } } } </script>

No es nada loco, y luego solo llamo a este componente en mi página

 <template> <LoginForm /> </template> <script> export default { } </script>

Pero cuando envío mi formulario, no puedo ver mi mensaje en la consola, me pregunto qué hice mal o me perdí algo. También es una buena práctica hacer un componente como este o ¿debería dividir más mi componente en uno más pequeño?