Estoy siguiendo el inicio rápido de Auth0 con Vue para mi Proyecto Quasar
MainLayout.vue
Tengo un botón de inicio de sesión <div><button @click="login">Log in</button></div> para este componente
<script> import { defineComponent, ref } from 'vue' import EssentialLink from 'components/EssentialLink.vue' export default defineComponent({ name: 'MainLayout', components: { EssentialLink }, methods: { login () { this.$auth0.loginWithRedirect(); } }, setup () { const leftDrawerOpen = ref(false) return { essentialLinks: linksList, leftDrawerOpen, toggleLeftDrawer () { leftDrawerOpen.value = !leftDrawerOpen.value } } } }) </script>src/boot/auth0.js
Traté de registrar el complemento en mi archivo de arranque quasar (equivalente a main.js) auth0.js
import { boot } from 'quasar/wrappers' import { createAuth0 } from '@auth0/auth0-vue' let auth0 = createAuth0({ domain: "ksadhkajshds", client_id: "askasahsaksj", redirect_uri: window.location.origin, }) export default boot(({ app }) => { app.config.globalProperties.$auth0 = auth0 }) export { auth0 }quasar.config.js
Agregué el archivo de arranque a mi configuración
// code omitted boot: [ 'auth0', 'axios', ], // code omittedParece que la documentación indica que debe usar app.use para registrar auth0 en su main.js
import { createAuth0 } from '@auth0/auth0-vue'; const app = createApp(App); app.use( createAuth0({ domain: "YOUR_DOMAIN", client_id: "YOUR_CLIENT_ID", redirect_uri: window.location.origin }) ); app.mount('#app');