asyncdataで定義しているのにnot definedとエラーが出る

Question

nuxtで下記の定義をdefault.vueでしているのですが

  asyncData () {
    return {
      isLogin: false,
      user: []
    }
  },

エラー内容

 [Vue warn]: Property or method "isLogin" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Pages/index.vue> at pages/index.vue
       <Nuxt>
         <VContent>
           <VApp>
             <Layouts/default.vue> at layouts/default.vue
               <Root>

Answer 1

さらっと確認しただけなのですが、
async dataはobjectを返すのではなく、
Promise(async await)を返すことが想定されています。
nuxt

なので雑ですが、

export default {
  asyncData ({ params }) {
    return axios.get(AUTHENTICATION_PATH)
    .then((res) => {
      return { user: res.data.user, isLoggedIn: res.data.user != null }
    })
  }
}

の形になるのではないでしょうか？
間違ってたらすいません

Comments

[you88]

ありがとうございます！いけました！

[Gma_Gama]

よかったです！！
頑張ってください！