Nice
Using Pinia Store with Vue3 User is Never Logged In?
Votes
0
Replies
24
Participants
Unknown
Messages
25
Moderator
Is there an updated guide on setting up Appwrite for the latest version?
Sure
It's very easy
Moderator
I am still new to Firebase/Appwrite format and the documentation isn't that clear tbh
Moderator
in terms of what indexes do, functions, etc. vs a traditional database
Yes.. sometime it's difficult to find the right one
Moderator
so what permissions do I need to set?
It can be more complex at the beginning from my POV it worth it
For what part?
I don't think you need in your use case
What would be better is that you transfer the CheckMemberStatus part of creating the document to a function
And block all writing to the collection.
But that's for later
Moderator
I added the role Users with permissions create read write update delete
Moderator
it still is giving me an error
You still get the 500?
Moderator
no but still
Logging in... users.ts:48:16Logging in...Account: [object Object] users.ts:52:20Logging in...Account: [object Object] users.ts:52:20AccountPage mounted AccountPage.vue:107:10Something went wrong: Not connectedBTW: When I used Appwrite + Vue + Pinia, I've stored the user in a global manual state not in Pinia, I don't remember why, but back in the time it's seems simpler to me
For your case try to extract the CheckMemberStatus function and test it on it's own.
One last idea
Where you actually store this item?
const isConnectedStorage = localStorage.getItem("isConnected");What I mean how do you make the value of the isConnected computer property true?
Moderator
async function CheckConnection() { if (account.value == null) { isConnected.value = false; } try { const session = await account.value.get(); if (session) { isConnected.value = true; accountInfo.value = session; localStorage.setItem("isConnected", JSON.stringify(accountInfo.value)); } } catch (error) { console.log("Not connected"); isConnected.value = false; } }Hey, so the CheckConnection is supposed to be called once first in the main.js file of your app if I remember well 🤔
No my bad it's in App.vue
you can check the example here : https://github.com/Heargo/ressources-panel/blob/main/src/App.vue
As it's code I've written there is no documentation on it haha so don't hesitate to ping me if you need help
Moderator
@Hearstgo quick question, I've been using your code but when exactly do you set the localStorage item for isConnected or AutoSave? in store?
very good question haha ! If I remember well, I didn't clean up the code properly 😅 since appwrite already using localstorage I only need to init the variables with the checkConnection() when starting the app and then after an attempt to log
You can replace
IsConnected:JSON.parse(localStorage.getItem('isConnected')) false, autoSave:JSON.parse(localStorage.getItem('autoSave')) false,by this and it should still work
IsConnected:false,autoSave: false,Moderator
gotcha! 🙂