fetchData -> asyncData

src/entry-client.js

@@ -5,9 +5,9 @@ import { createApp } from './app'
 // a global mixin to invoke fetchData on the client
 Vue.mixin({
   beforeMount () {
-    const { fetchData } = this.$options
-    if (fetchData) {
-      this.dataPromise = fetchData(
+    const { asyncData } = this.$options
+    if (asyncData) {
+      this.dataPromise = asyncData(
         this.$store,
         this.$route
       )

src/entry-server.js

@@ -27,7 +27,7 @@ export default context => {
       // which is resolved when the action is complete and store state has been
       // updated.
       Promise.all(matchedComponents.map(component => {
-        return component.fetchData && component.fetchData(
+        return component.asyncData && component.asyncData(
           store,
           router.currentRoute,
           context

src/views/CreateListView.js

@@ -10,7 +10,7 @@ export default function createListView (type) {
   return {
     name: `${type}-stories-view`,
 
-    fetchData (store, route, context) {
+    asyncData (store, route, context) {
       return store.dispatch('FETCH_LIST_DATA', { type }).then(() => {
         setTitle(camelize(type), context)
       })

src/views/ItemView.vue

@@ -46,7 +46,7 @@ export default {
     }
   },
 
-  fetchData (store, { params: { id }}, context) {
+  asyncData (store, { params: { id }}, context) {
     return store.dispatch('FETCH_ITEMS', { ids: [id] }).then(() => {
       const item = store.state.items[id]
       setTitle(item.title, context)

src/views/UserView.vue

@@ -30,7 +30,7 @@ export default {
     }
   },
 
-  fetchData (store, { params: { id }}, context) {
+  asyncData (store, { params: { id }}, context) {
     return store.dispatch('FETCH_USER', { id }).then(() => {
       const user = store.state.users[id]
       setTitle(user.id, context)