Empty data when accessing by key

[TCMAD]

I try to access in specify location with my RTBD on a monofile component but I have some strange results when I use the key k .

Vue.use(Vuefire.rtdbPlugin)

const database = firebase.database();
const k = sessionStorage.getItem("keyEx");

export default {
    data : function(){
        return {
            key : k,
            exercice : []
        }
    },
    firebase : {
        exercice : database.ref('exercices/').child(k)
    }
}

Here is my template

<template>
    <p>
        {{ key || 'No key' }} <br>
        {{  exercice }} 
    </p>
</template>

And the result :

I don't understand why my objects are empty. If I try to use childKey, it will just print an empty array.
But if I just define : firebase : { exercice : database.ref('exercices/') }

It will give me my data :

How can I access to my child objects with the key k ?

[posva]

Hi, thanks for your interest but Github issues are for bug reports and feature requests only. You can ask questions on the forum, the Discord server or StackOverflow.

---

Use the function version of firebase option and read the key right before binding. You probably will have to watch it as well