Nuxt 3 Authentication with Laravel 9 and Sanctum - authentication

I'm using nuxt 3 for a project and can't find an easy way to do authentication with Laravel and Sanctum.
The #nuxtjs/axios module is only compatible for nuxt 2 and the package a developer provided for nuxt 3 (#nuxtjs-alt/auth) doesn't provide much documentation. I tried to implement it but nuxtApp().$auth always returns undefined.
How can I authenticate my user in the Login screen and then have an auth middleware to secure my routes? I reiterate the use of NUXT3

Just found this Nuxt 3 sanctum package on GitHub:
https://github.com/dystcz/nuxt-sanctum-auth
Seems like a solution until the official auth module is published for nuxt3.

Related

adding middleware in Next js with laravel breeze API

I have a la laravel breeze api app i just created, then associated a next.js app as frontend. I am trying to spscify a middleware from laravel into next.js pages but i am not sure how it works. documentation is not clear either.
Read the documentation, when through several vdieos but i am not finding anything realted

How to access $axios in composition API without using useContext

I am trying to access $axios in Vue composition API without using useContext() because the current app is not a Nuxt app and is like a library that either can be used inside a Nuxt app or Vue app. So if I use $axios in the code then in Nuxt app it can be called serverside too. if anyone can help it would be very helpful, even if we can made this mechanism with inject/provide.
Nuxt 3 officially recommends using $fetch for making http request
Note that $fetch is the preferred way to make HTTP calls in Nuxt 3 instead of #nuxt/http and #nuxtjs/axios that are made for Nuxt 2.
https://nuxt.com/docs/api/utils/dollarfetch
However if you want to set it up for example to add headers, you can create a composable and work with it throughout the nuxt app
import axios from "axios";
export const $axios = axios.create({
  baseURL: BASE_URL,
  headers: {
    ...headers
  },
});

SSR suggestions for Vue 3 SPA

I'm looking to develop a SPA with Vue 3 that will be deployed as a PWA. I was banking on Nuxt to provide support for Server Side Rendering, however, Nuxt Composition API doesn't seem to be a good option yet for production (at least until Nuxt 3 is released).
Since I'm looking to launch my site within the next few months, does anyone have any stable recommendations for Vue 3 compatible SSR solutions that are available today?
Thanks!
I could recommend Quasar framework. The best by far: Quasar

Trying to setup Auth0 with my Cordova Vue js project

So I created the entire website using auth0. But then when I compiled the web app using Cordova, auth0 is giving me errors relating to callback URLs. Auth0 provides a Quickstart guide to config with Cordova, but it relies on Cordova plugins which I cannot seem to access.
It seems like a small error, just the callback URL is wrong. But no matter what I do I cannot seem to make it work.
Any help is very much appreciated.
Thank you!

Can I use angularjs based (angular-footballdata-api-factory) in angular2 app?

I hava got an angularjs based api-factory
I want to use this in angular2 app. Is it possible to use it and if yes, then how.
No, Angular 2 is not a superset of Angular 1 -- it's a different API.
Therefore you cannot use libraries from Angular 1.x on an Angular 2.x application.