nuxt component

<template>
  <div>
    <b-table striped hover :items="snap3"></b-table>
  </div>
</template>

<script>

export default {
    name: "NuxtArticoli",
    data(){
        return{

            text: "",
            snap3: []
        }
    },
    async asyncData({app, params, error}) {
      const ref = app.$fire.firestore.collection("Articoli")
      let snap
      let snap2 = []


      try {
        snap = await ref.get()

        snap.forEach(doc => {
            console.log(doc.id, '=>', doc.data())
            snap2.push(doc.data())
        })
         //console.log(snap)


      } catch (e) {
        // TODO: error handling
        console.error('Errore',e)
      }
      return {
        //text: snap.data().Descrizione

        snap3: snap2


      }
    }

}
</script>