Add position for book in collection

front/src/CollectionForm.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed, ref } from 'vue'
 import { getCollection } from './api.js'
-import BookListElement from './BookListElement.vue'
+import CollectionFormElement from './CollectionFormElement.vue'
 import AddBookToCollection from './AddBookToCollection.vue'
 import Pagination from './Pagination.vue'
 
@@ -43,7 +43,7 @@ function fetchCollection() {
     <h2 class="title">{{ data.name }}</h2>
     <AddBookToCollection :collection-id="props.id" @created="fetchCollection" />
     <div>
-      <BookListElement v-for="book in data.books" :key="book.id" v-bind="book" />
+      <CollectionFormElement v-for="item in data.items" :key="item.id" v-bind="item" />
     </div>
     <Pagination
       class="mt-5"