⚡️ Use mounted to fetch pg csv

likecoin · Jun 21, 2024 · bd0de6f · bd0de6f
1 parent ea8f991
commit bd0de6f
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/pages/gutenberg/free-audio-books.vue b/src/pages/gutenberg/free-audio-books.vue
@@ -249,12 +249,6 @@ const DISPLAY_NUMBER = 100;
 export default {
   name: 'FreeAudioBooks',
   layout: 'default',
-  async asyncData({ $api }) {
-    const csvData = await $api.$get(fetchGutenbergCsv());
-    const parsedData = await parseCSV(csvData);
-
-    return { parsedData };
-  },
   data() {
     return {
       parsedData: [],
@@ -319,9 +313,13 @@ export default {
           this.currentDisplayNumber = DISPLAY_NUMBER;
         }
       },
-      immediate: true,
     },
   },
+  async mounted() {
+    const csvData = await this.$axios.$get(fetchGutenbergCsv());
+    this.parsedData = await parseCSV(csvData);
+    this.currentDisplayNumber = this.parsedData.length;
+  },
   methods: {
     handleClickRow(classId) {
       logTrackerEvent(this, 'Gutenberg', 'clickDownload', classId, 1);