Hakaba Hitoyo · HJ
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
 import UserPanel from 'components/user_panel/user_panel.vue'
 import LoginForm from 'components/login_form/login_form.vue'
 import ChatPanel from 'components/chat_panel/chat_panel.vue'
+import WhoToFollowPage from 'components/who_to_follow_page/who_to_follow_page.vue'
--- a/src/components/who_to_follow/who_to_follow.js 0 → 100644
+++ b/src/components/who_to_follow/who_to_follow.js 0 → 100644
+import UserCard from '../user_card/user_card.vue'
+
+const WhoToFollow = {
+  components: {
+    UserCard
+  },
+  data () {
+    return {
+      users: []
+    }
+  },
+  mounted () {
+    this.getWhoToFollow(this)
+  },
+  methods: {
+    showWhoToFollow (panel, reply) {
--- a/src/components/who_to_follow/who_to_follow.js 0 → 100644
+++ b/src/components/who_to_follow/who_to_follow.js 0 → 100644
+      users: []
+    }
+  },
+  mounted () {
+    this.getWhoToFollow(this)
+  },
+  methods: {
+    showWhoToFollow (panel, reply) {
+      reply.forEach((i, index) => {
+        const user = {
+          id: 0,
+          name: i.display_name,
+          screen_name: i.acct,
+          profile_image_url: i.avatar || '/images/avi.png'
+        }
+        panel.users.push(user)