initial draft for follows/following pagination

src/components/user_profile/user_profile.js

@@ -19,6 +19,12 @@ const UserProfile = {
     this.$store.dispatch('stopFetching', 'favorites')
     this.$store.dispatch('stopFetching', 'media')
   },
+  data () {
+    return {
+      followsPage: 0,
+      followersPage: 0
+    }
+  },
   computed: {
     timeline () {
       return this.$store.state.statuses.timelines.user
@@ -80,6 +86,11 @@ const UserProfile = {
       if (this.isUs) {
         this.$store.dispatch('startFetching', ['favorites', this.fetchBy])
       }
+    },
+    nextFollowsPage () {
+      this.followsPage += 1
+      this.$store.dispatch('addFriends', { id: this.userId, page: this.followsPage })
+      console.log(this.user.friends)
     }
   },
   watch: {

src/components/user_profile/user_profile.vue

@@ -7,6 +7,7 @@
       <div :label="$t('user_card.followees')">
         <div v-if="friends">
           <user-card v-for="friend in friends" :key="friend.id" :user="friend" :showFollows="true"></user-card>
+          <div @click="nextFollowsPage" class="panel-footer">MORE</div>
         </div>
         <div class="userlist-placeholder" v-else>
           <i class="icon-spin3 animate-spin"></i>