Nuxt: created() でDataを定義する

Question

前提・実現したいこと

Nuxtで'created()'でDataを定義して、表示したいと考えてます。
'console.log(item)'でJSONが帰ってくてるので、値がうまく渡させてないと思います。

該当のソースコード

<template>
  <div class="wrapper">
    <p>{{ items }}</p>
  </div>
</template>

<script>
  data() {
    return {
      items: [],
    }
  },
  async created() {   
    const snap = await this.ref_req.add(query);
    const key = await snap.id;
    let item
    await this.ref_res.doc(key).onSnapshot(async function(snap) {
      if (snap.data() == undefined ){
        return;
      }else{
        item = await snap.data()
        await snap.ref.delete()
        console.log(item)
        return {items : item }
      }
    })
  }
}

</script>

上記のコードに何か間違いはありそうでしょうか？
よろしくお願いいたします

Answer 1

アロー関数を使ったらうまくいきました

let item = await this.ref_res.doc(key).onSnapshot(async (snap) => {
      if (snap.data() == undefined ){
        return;
      }else{
        let item = await snap.data()
        //getSearchedItems(snap.data()) // Vuex経由で表示できるようにする
        await snap.ref.delete()
        console.log(item)
        this.items = item
      }
    })