Using useDocument in a pinia store

[starcraft04]

I am trying to use the useDocument from VueFire in a pinia store in composition API and I have tried different ways but none are working.
I want to make sure I initiate it in the function and not at the start of the pinia file... This is because I need to get the data from firebase only when the function getAllProfiles is called.

I am using the following:
Pinia Store

---

export const useAllProfileStore = defineStore('allProfiles', () => {
const oneDoc = ref({})
const oneDocLoading = ref(false)

async function getAllProfiles() {
const { pending } = useDocument(doc(db, 'members', 'xxx'), { target: oneDoc })
}

return {
oneDoc,
oneDocLoading,
...

Main page

---

/* imports */
import { onMounted,watch } from 'vue'
import { useAllProfileStore } from '@/stores/allProfiles'
import { storeToRefs } from 'pinia'

/* Const */
const allProfileStore = useAllProfileStore()
const { oneDoc, oneDocLoading } = storeToRefs(allProfileStore)

watch(()=>oneDoc,()=>{console.log(oneDoc.value);
},{deep:true})

async function initTable() {
await allProfileStore.getAllProfiles()
}

Just trying to get the data, having it in a realtime and be able to share it accross different components.

!!!!My problem is that I will need to assign the pending state to the pinia ref oneDocLoading.!!!!

I really tried so many different variations but none are working...

[posva]

Like other composables you must call them within injectable contexts. In the case of pinia stores, this means at the root level of the function.

[starcraft04]

Ok, so you mean I have no choice but to call it in the init phase of the pinia store with:
export const useAllProfileStore = defineStore('allProfiles', () => {
const { data: oneDoc, pending: oneDocloading } = useDocument(doc(db, 'members', 'xxx'))

I have tried this, it works but then it means that I have no choice to issue the network call and load the data from the db at the init of the store. I cannot get this call with vueFire later on for example when the user has clicked a button in one of the components.

IS it correct that the only way to use useDocument from vuefire is at the start of the setup of the pinia and not in a function from a pinia store...

[posva]

Note the first argument of useDocument can be a ref and that it can be null too. You could change the value of the ref on click