Can't use $store from another JS function

[bubnenkoff]

Hello! I am doing very simple oAuth login system that should store it's status in $store.

document.addEventListener('alpine:init', () => {
   Alpine.store('auth', {
        init() {
            console.log("Hello from AlpineJS"); // I see it's on console
        },
        isLogined: false,
        userData: {
            name: "Mike",
            email: "[email protected]"
        },
        data: [

        ]
    })
})

Next code is done by google examples. Not work only part that set value to $store:

function init() {
    window.gapi.load('auth2', async function() {
window.gapi.auth2.init({
    client_id: '....apps.googleusercontent.com',
});


var authInstance = await window.gapi.auth2.getAuthInstance();
var signedIn = authInstance.isSignedIn.get()
if (signedIn) {
     console.log(Alpine.store.auth); // I am getting in console undefined here 
    // Alpine.store.auth.isLogined = true; // can't set it because it's undeffined

    // all this works fone:
    var user = authInstance.currentUser.get();
    var profile = user.getBasicProfile();
    console.log('Email: ' + profile.getEmail());


}
else {
    Alpine.store.auth.isLogined = false; // same problem
    console.log('you are guest');
}

});
}

What I am doing wrong?

console.log(Alpine.store);

is print:

ƒ pr(e,t){if(dr||(V=O(V),dr=!0),t===void 0)return V[e];V[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&V[e].init(),me(V[e])}

So it's see Alpine

[SimoTod]

I think your init function runs before Alpine is ready. How do you trigger it?

[danddanddand]

Should be Alpine.store('auth').isLogined, not Alpine.store.auth.isLogined