import { mapActions } from 'vuex' import Form, { Input } from '@detools/vue-form' export default { data() { return { formValues: {}, } }, methods: { ...mapActions('cart', ['checkout']), handleSubmit(values) { return this.checkout(values) }, }, render() { return ( <div> <h1>Basic Form</h1> <div class="wrapper"> <div class="form"> <Form cancel submit handleSubmit={this.handleSubmit} v-model={this.formValues}> <Input formItem label name="username" /> </Form> </div> <div class="values"> <strong>Form Values</strong> <br /> <br /> <div>{JSON.stringify(this.formValues, null, 2)}</div> </div> </div> </div> ) }, }