fix: load today meal as async (#30)

.babelrc

@@ -1,5 +1,9 @@
 {
   "presets": [
-    "@babel/preset-env",
+    ["env", {
+      "targets": {
+        "browsers": ["last 2 Chrome versions"]
+      }
+    }]
   ]
 }

.eslintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

package.json

@@ -8,10 +8,8 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
-    "lint:vue": "eslint src/ --ext .vue --fix",
-    "lint:css": "stylelint \"**/*.{scss,vue}\" --fix",
-    "snyk-protect": "snyk protect",
-    "prepare": "npm run snyk-protect"
+    "lint:js": "eslint \"**/*.{vue,js}\" --fix",
+    "lint:css": "stylelint \"**/*.{scss,vue}\" --fix"
   },
   "dependencies": {
     "@babel/preset-env": "^7.4.4",

src/main.js

@@ -10,5 +10,5 @@ Vue.prototype.moment = moment;
 
 new Vue({
   el: '#app',
-  render: (h) => h(App),
+  render: h => h(App),
 });

src/pages/Index.vue

@@ -37,13 +37,13 @@ export default {
     timeIndex() {
       const timeTable = (this.todayIndex === 2) ? this.time.table.slice(0, 6) : this.time.table;
       const current = Number(this.moment().format('HHmm'));
-      const idx = timeTable.findIndex((base) => current < base);
+      const idx = timeTable.findIndex(base => current < base);
       return idx === -1 ? timeTable.length : idx + 1;
     },
 
     mealIndex() {
       const current = Number(this.moment().format('HHmm'));
-      const idx = time.meal.findIndex((base) => current < base);
+      const idx = time.meal.findIndex(base => current < base);
       return idx === -1 ? time.meal.length - 1 : idx;
     },
 
@@ -52,20 +52,19 @@ export default {
     },
   },
 
-  created() {
-    this.getDimibob();
+  async created() {
+    await this.getDimibob();
     this.getTimetable();
   },
 
   methods: {
-    getDimibob() {
+    async getDimibob() {
       const today = this.moment().format('YYYYMMDD');
-      this.$api.get(`https://dev-api.dimigo.in/dimibobs/${today}`)
-        .then((res) => {
-          this.dimibob.breakfast = res.data.breakfast || '아침 급식 정보가 없습니다.';
-          this.dimibob.lunch = res.data.lunch || '점심 급식 정보가 없습니다.';
-          this.dimibob.dinner = res.data.dinner || '저녁 급식 정보가 없습니다.';
-        });
+      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 || '저녁 급식 정보가 없습니다.';
     },
 
     getTimetable() {

src/pages/Week.vue

@@ -38,7 +38,7 @@ export default {
 
       let num = 0;
       this.table[this.grade][this.tab].forEach((day) => {
-        num += day.filter((subject) => (subject === this.query)).length;
+        num += day.filter(subject => (subject === this.query)).length;
       });
       return postposition.parse(`${this.query}[는|은] 한 주에 ${num}번 들었어요.`);
     },