map series to bookslist

src/pages/Books/BooksList.vue

@@ -43,6 +43,9 @@
                     </router-link>
                   </template>
                 </template>
+                <template slot="serie" slot-scope="row">
+                  {{ row.value.name }}
+                </template>
               </b-table>
               <TablePagination
                 :total-rows="totalRows"
@@ -85,7 +88,7 @@ export default {
         { key: 'title', label: 'Title', sortable: true },
         { key: 'language', label: 'Language', sortable: true },
         { key: 'authors', label: 'Authors', sortable: true },
-        { key: 'serie_id', label: 'Series', sortable: true }
+        { key: 'serie', label: 'Serie', sortable: true }
       ],
       bookItems: [],
       totalRows: this.bookRows

src/store/modules/book.js

@@ -89,7 +89,7 @@ const actions = {
       const newCtx = CtxTransformer.transformCtx(ctx)
       const params = {
         contentType: 'application/json',
-        include: 'authors',
+        include: 'authors,serie',
         ...newCtx
       }
       const response = await getBooks(params)

src/transformers/BookTransformer.js

@@ -10,17 +10,26 @@ function fetchMultipleBooks (response) {
       ...book.attributes
     }
     if (Object.hasOwnProperty.call(book, 'relationships')) {
-      if (Object.hasOwnProperty.call(book.relationships, 'authors')) {
+      if (Object.hasOwnProperty.call(book.relationships, 'authors') && book.relationships.authors.data) {
         book.relationships.authors.data.map((author) => {
           const foundAuthor = _.find(response.data.included, (included) => included.type === 'author' && included.id === author.id)
           const authorObj = {
             id: foundAuthor.id,
-            name: foundAuthor.attributes.name
+            ...foundAuthor.attributes
           }
           authors.push(authorObj)
           obj.authors = authors
         })
       }
+      if (Object.hasOwnProperty.call(book.relationships, 'serie') && book.relationships.serie.data) {
+        const serieId = book.relationships.serie.data.id
+        const foundSerie = _.find(response.data.included, (included) => included.type === 'book_serie' && included.id === serieId)
+        const serieObj = {
+          id: foundSerie.id,
+          ...foundSerie.attributes
+        }
+        obj.serie = serieObj
+      }
     }
     books.push(obj)
   })