update depend, fix error

Author: yscoder

.babelrc

@@ -1,7 +1,6 @@
 {
-  "presets": [
-    ["latest", {
-      "es2015": { "modules": false }
-    }]
-  ]
-}
+    "presets": [
+      ["env", { "modules": false }],
+      "stage-3"
+    ]
+  }

package.json

@@ -4,32 +4,38 @@
   "version": "0.0.1",
   "author": "yusen <634206017@qq.com>",
   "main": "./src/scheduleCalendar/index.js",
+  "license": "MIT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
   },
   "devDependencies": {
     "autoprefixer": "^6.7.7",
-    "babel-core": "^6.24.0",
-    "babel-loader": "^6.4.1",
-    "babel-preset-env": "^1.3.2",
-    "babel-preset-latest": "^6.24.0",
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-stage-3": "^6.24.1",
     "cross-env": "^3.0.0",
     "css-loader": "^0.28.0",
     "extract-text-webpack-plugin": "^2.1.0",
-    "file-loader": "^0.9.0",
+    "file-loader": "^1.1.4",
     "less": "^2.7.2",
     "less-loader": "^4.0.3",
     "postcss-loader": "^1.3.3",
-    "vue": "^2.2.6",
-    "vue-loader": "^11.1.4",
-    "vue-style-loader": "^2.0.5",
-    "vue-template-compiler": "^2.2.6",
-    "webpack": "^2.2.0",
-    "webpack-dev-server": "^2.2.0"
+    "vue": "^2.5.11",
+    "vue-loader": "^13.0.5",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.4.4",
+    "webpack": "^3.6.0",
+    "webpack-dev-server": "^2.9.0"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/yscoder/vue-schedule-calendar.git"
-  }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
 }

src/App.vue

@@ -70,6 +70,15 @@ export default {
                 }
             ]
         }
+    },
+    created() {
+        // 显示为当月的数据
+        const now = new Date()
+        this.data = this.data.map(item => {
+            const d = item.date.split('-')[2]
+            item.date = `${now.getFullYear()}-${now.getMonth() + 1}-${d}`
+            return item
+        })
     }
 }
 </script>

src/scheduleCalendar/scDate.vue

@@ -24,7 +24,7 @@
                          :date="date"
                          :type="type"
                          @item-dragstart="dragItem"
-                         key="date"></sc-item>
+                         :key="item.id"></sc-item>
             </div>
         </div>
     </div>

src/scheduleCalendar/scMonth.vue

@@ -8,7 +8,7 @@
                  :index="index"
                  :draggedIndex="draggedIndex"
                  @highlight="highlight"
-                 key="index"></sc-date>
+                 :key="index"></sc-date>
     </div>
 </template>
 <script>

webpack.config.js

@@ -45,7 +45,8 @@ module.exports = {
     },
     devServer: {
         historyApiFallback: true,
-        noInfo: true
+        noInfo: true,
+        overlay: true,
     },
     performance: {
         hints: false