Vue Js Send Form Data to API using Axios

<html>
<head>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <div id="app">
        <form @submit.prevent="submitComment">
            <input type="text" v-model="formInfo.name" placeholder="Enter your name"><br><br>
            <input type="email" v-model="formInfo.email" placeholder="Enter your email"><br><br>
            <input type="number" v-model="formInfo.number" placeholder="Enter your number"><br><br>
            <textarea type="text" v-model="formInfo.comment" placeholder="Enter your comment"></textarea><br><br>
            <button type="submit">Submit Form</button>
        </form>
    </div>
    <script type="module">
        const app = Vue.createApp({

data() {
                return {
                    formInfo: {
                        name: '',
                        email: '',
                        number: '',
                        comment: ''
                    }
                }
            },
            methods: {
                submitComment() {
                    axios.post('/comment', this.formInfo)
                        .then(response => {
                            console.log(response);
                        })
                        .catch(error => {
                            console.log(error);
                        });
                }
            }
        })
        app.mount("#app")
    </script>
</body>
</html>

 
<html>
<head>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <div id="app">
        <form @submit.prevent="submitComment">
            <input type="text" v-model="formInfo.name" placeholder="Enter your name"><br><br>
            <input type="email" v-model="formInfo.email" placeholder="Enter your email"><br><br>
            <input type="number" v-model="formInfo.number" placeholder="Enter your number"><br><br>
            <textarea type="text" v-model="formInfo.comment" placeholder="Enter your comment"></textarea><br><br>
            <button type="submit">Submit Form</button>
        </form>
    </div>
    <script type="module">
        const app = Vue.createApp({
​
            data() {
                return {
                    formInfo: {
                        name: '',
                        email: '',
                        number: '',
                        comment: ''
                    }
                }
            },
            methods: {
                submitComment() {
                    axios.post('/comment', this.formInfo)
                        .then(response => {
                            console.log(response);
                        })
                        .catch(error => {
                            console.log(error);
                        });
                }
            }
        })
        app.mount("#app")
    </script>
</body>
</html>