MyBookMarks :)

MyBookMarks.vue

<template>
<div class="MyBookMarks">
    <MainWrapper>
      <div class="container">
         <div class="row margin-top-40">
             <SideBarHeading
                 :title="title"
             />
         </div>
         <div class="row margin-top-35">
            <div class="col-xs-2">
               <SideCategoryList
                    :sideCategoryList="bookMarkSideCategories"
                    :portfolioTotalCount="portfolioTotalCount"
               />
            </div>
            <div class="col-xs-10">
                <GigCardLoaderList
                    v-if="isLoading"
                    :row=row
                    :col=col
                />
                <BookMarkList
                    v-else
                    :myBookMarkList="getBookMarkList"
                />
                <div class="paginate-container" v-if="hasPaginate">
                    <Paginate
                        :page-count="bookMarkData.last_page"
                        :click-handler="goToPage"
                        prev-text="<<"
                        next-text=">>"
                        container-class="paginate"
                    />
                </div>
            </div>
         </div>
      </div>
   </MainWrapper>
</div>
</template>

MyBookMarksPortfolio.vue

<template>
<div class="MyBookMarksPortfolio">
   <MainWrapper>
      <div class="container">
         <div class="row margin-top-40">
             <SideBarHeading
                 :title="title"
             />
         </div>
         <div class="row margin-top-35">
            <div class="col-xs-2">
               <SideCategoryList
                    :sideCategoryList="bookMarkSideCategories"
                    :portfolioTotalCount="portfolioTotalCount"
               />
            </div>
            <div class="col-xs-10">
                <GigCardLoaderList
                    v-if="isLoading"
                    :row=row
                    :col=col
                />
               <PortfolioList
                   v-else
                   :portfolioList="getPortfolioList"
               />
                <div class="paginate-container" v-if="hasPaginate">
                    <Paginate
                        :page-count="portfolioData.last_page"
                        :click-handler="goToPage"
                        prev-text="<<"
                        next-text=">>"
                        container-class="paginate"
                    />
                </div>
            </div>
         </div>
      </div>
   </MainWrapper>
</div>
</template>