[NUXT] Set Firestore in nuxtServerInit

[pjmanning]

I'm currently using in the created() method of the home page but I was wondering if this would be possible to use with the nuxtServerInit action. I'm specifically using 'fetch' but would love to know how to use any of the functions within nuxtServerInit.

    this.$store.dispatch('locationData/fetch', { orderBy: ['rating', 'desc'] })
      .then(querySnapshot => {
        if (querySnapshot.done === true) {
          // `{done: true}` is returned when everything is already fetched and there are 0 docs:
          return '0 docs left to retrieve'
        }
        // here you can the Firestore `querySnapshot` which is returned
        querySnapshot.forEach(doc => {
          // you have to manually add the doc with `fetch`
          const location = doc.data()
          location.id = doc.id
          location.rating = doc.data().rating
          location.lodging = doc.data().budget.lodging
          location.food = doc.data().budget.food
          location.transportation = doc.data().budget.transportation
          db.collection('locations').doc(location.id).collection('historic').doc(currentMonth).get()
          .then(doc => {
              location.airTemp = doc.data().airTemp != null ? doc.data().airTemp : 0
              location.waterTemp = doc.data().waterTemp
              location.currentMonthRating = doc.data().rating != null ? doc.data().rating : 0
              this.$store.commit('locationData/INSERT_DOC', location)
              // also don't forget that in this case `defaultValues` will not be applied         
          })
        })
      })
      .catch(console.error) 

[mesqueeb]

@pmanning11 I don't see why that should be possible. As long as your store is already instantiated at that point you should be able to use it.

I don't have experience with nuxtServerInit, could you give me a link to any related documentation so I can investigate?

_{Vuex Easy Firestore was made with ♥ by Luca Ban.
If this library helped you in any way you can support me by buying me a cup of coffee.}

[pjmanning]

https://nuxtjs.org/guide/vuex-store/#the-nuxtserverinit-action

[mesqueeb]

@pmanning11 thanks. From just looking at the docs, did you try

async nuxtServerInit({ dispatch }) {
    await dispatch('moduleName/fetch')
  }

This with your related config. You can leave out moduleName of you do this directly inside the vuex-easy-firestore module.

_{Vuex Easy Firestore was made with ♥ by Luca Ban.
If this library helped you in any way you can support me by buying me a cup of coffee.}

[pjmanning]

That's what I was trying. It seems it may be a nuxtServerInit issue outside of the vuex-easy-firestore package at the moment so I that needs to be solved first. Hoping it's as easy as that once i figure it out ;)

[mesqueeb]

I'll have to replicate it to debug. Once I have some time i'll look into it.

If you have any repo you can share and think it will speed we up, feel free to share.

Either way thanks for the report.

_{Vuex Easy Firestore was made with ♥ by Luca Ban.
If this library helped you in any way you can support me by buying me a cup of coffee.}

[pjmanning]

No worries - thanks for the library - it's as easy as advertised

[mesqueeb]

@pmanning11 thanks a lot! Please feel free to open any other issues for other bugs or feature requests.

I'll keep this issue open for now.

_{Vuex Easy Firestore was made with ♥ by Luca Ban.
If this library helped you in any way you can support me by buying me a cup of coffee.}

[eugenepentland]

@pmanning11 How did you set up vuex-easy-firestore with Nuxt?

From what I've been able to find, you can't use module mode in Nuxt, and I keep getting an error that the modules in vuex-easy-firestore are trying to be mounted to a root store that does not exist yet. Any help would be appreciated!

[pjmanning]

@eugenepentland I ended up just using it the way it describes in the docs - not in the nuxtServerInit function.

[mesqueeb]

---

After about two years of open source, I finally got accepted for Github Sponsors!

💜 github.com/sponsors/mesqueeb 💜

A little about me:

• I love open-source
• 6 months ago I got a son, and am trying to be an awesome father 😅
• I'm doing freelance work here and there as my main job

If anyone was helped with vuex-easy-firestore, I'd greatly appreciate any support!

BTW, donations get's paid DOUBLE by GitHub! (they're alchemists... 🦾)

Going forward 👨🏼‍💻

• I got great plans for the future of vuex-easy-firestore going above and beyond!! Look forward to it!!
• On to many more years of open-sourcing! 🎉