Add method to set user session on the client

[tobiasdiez]

The playground contains the following logic to login a user:

nuxt-auth-utils/playground/components/AuthLogin.vue

Lines 10 to 17 in e039625

	await $fetch('/api/login', {
	method: 'POST',
	body: {
	email: target.email.value,
	password: target.password.value,
	},
	}).then(() => {
	fetch()

This triggers two requests: one for the login, the other one to get the session data. If there were a method setSession or loggedIn then one could return the session information as part of the login response.

[atinux]

This would mean to add hooks to $fetch that can bring side-effects actually, I rather keep it separated ad this applied only for email/password kind of login.

[tobiasdiez]

What I had in mind was to add a method

setSessionState(value) {
   useSessionState().value = value
   const authReadyState = useAuthReadyState()
   if (!authReadyState.value) {
    authReadyState.value = true
  }
}

that then can be used in the login flow as follows:

await $fetch('/api/login', { 
     method: 'POST', 
     body: { 
       email: target.email.value, 
       password: target.password.value, 
     }, 
   }).then((value) => { 
      setSessionState(value)
     // previously this was fetch() 
   })

And perhaps expose the server-side helper that currently sets the fetch return, so that one can use this to return the same value in the login api.