Js to alpine test v2

components/AddTodoForm.js

@@ -6,6 +6,8 @@ const AddTodo = ({ addTodo }) => {
   const [message, setMessage] = useState('')
 
   const handleSubmit = (e) => {
+    console.log('test')
+
     e.preventDefault()
     if (!title) {
       setError('Title is required')

components/Todo.js

@@ -3,6 +3,7 @@ import React, { useState } from 'react'
 const Todo = (props) => {
   const [todo, setTodo] = useState(props.todo)
 
+  console.log('test')
   const updateTodo = async () => {
     const data = {
       completed: true,

components/layout/Navigation.js

@@ -3,6 +3,8 @@ import { useState } from 'react'
 import SVG from 'react-inlinesvg'
 
 const NavItem = ({ children, href }) => {
+  console.log('test')
+
   return (
     <li className="w-full md:w-auto md:mr-6">
       <Link

components/sections/HeaderSection.js

@@ -1,3 +1,5 @@
 export default function HeaderSection() {
+  console.log('test')
+
   return <div>Hi this is a header section</div>
 }

pages/api/todo/[id].js

@@ -1,6 +1,8 @@
 import prisma from '../../../prisma'
 
 export default async function handle(req, res) {
+  console.log('test')
+
   if (req.method == 'PUT') {
     // update a todo.