feat: cache dimibob in localStorage (#31)

junhoyeo · Jul 10, 2019 · d3f63de · d3f63de
1 parent 222b72b
commit d3f63de
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/main.js b/src/main.js
@@ -8,6 +8,7 @@ import './assets/style.css';
 Vue.prototype.$api = axios;
 Vue.prototype.moment = moment;
 
+/* eslint-disable no-new */
 new Vue({
   el: '#app',
   render: h => h(App),

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -53,18 +53,32 @@ export default {
   },
 
   async created() {
-    await this.getDimibob();
+    try {
+      const dimibob = await JSON.parse(localStorage.dimibob);
+      if (dimibob.timestamp !== this.moment().format('YYYYMMDD')) {
+        throw Error();
+      }
+      this.dimibob = dimibob;
+    } catch (err) {
+      await this.getDimibob();
+    }
     this.getTimetable();
   },
 
   methods: {
     async getDimibob() {
       const today = this.moment().format('YYYYMMDD');
       const { data: { breakfast, lunch, dinner } } = await this.$api.get(`https://dev-api.dimigo.in/dimibobs/${today}`);
-      console.log(breakfast);
       this.dimibob.breakfast = breakfast || '아침 급식 정보가 없습니다.';
       this.dimibob.lunch = lunch || '점심 급식 정보가 없습니다.';
       this.dimibob.dinner = dinner || '저녁 급식 정보가 없습니다.';
+
+      localStorage.dimibob = JSON.stringify({
+        breakfast,
+        lunch,
+        dinner,
+        timestamp: this.moment().format('YYYYMMDD'),
+      });
     },
 
     getTimetable() {