transition group no css effects

Im trying to implement the <transition-group> based on this demo https://vue-draggable-next.vercel.app/#/transition but no css effects. Did i miss something? Im using Nuxt 3 and here is my sample code

<table id="status-draggable">
            <thead>
                <th>Order</th>
                <th>Status Name</th>
                <th>Status Group</th>
            </thead>
            <tbody>
                <VueDraggableNext v-model="lists">
                    <transition-group>
                        <tr v-for="list in lists" :key="list.id">
                            <td>{{ list.id}}</td>
                            <td>{{ list.name }}</td>
                        </tr>
                    </transition-group>
                </VueDraggableNext>
            </tbody>
        </table>

and this is my lists.

const lists = ref([
    {
          id: 1,
         name: 'John Doe'
    },
   {
        id: 2,
       name: 'Peter Doe'
   }
])

anish2690 / vue-draggable-next

transition group no css effects #48