Refactor popular page V2

src/renderer/views/Popular/Popular.js

@@ -26,14 +26,11 @@ export default Vue.extend({
   mounted: function () {
     this.shownResults = this.popularCache
     if (!this.shownResults || this.shownResults.length < 1) {
-      this.fetchTrendingInfo()
+      this.fetchPopularInfo()
     }
   },
   methods: {
-    refreshTrendingInfo: function () {
-      this.fetchTrendingInfo()
-    },
-    fetchTrendingInfo: async function () {
+    fetchPopularInfo: async function () {
       const searchPayload = {
         resource: 'popular',
         id: '',

src/renderer/views/Popular/Popular.vue

@@ -17,8 +17,8 @@
       icon="sync"
       class="floatingTopButton"
       :size="12"
-      :theme="primary"
-      @click="refreshTrendingInfo"
+      theme="primary"
+      @click="fetchPopularInfo"
     />
   </div>
 </template>