Error: this.$auth0.loginWithRedirect is not a function

Help
, ,
1

I am following the Auth0 quick start with Vue

MainLayout.vue

I have a login button <div><button @click="login">Log in</button></div> for this component

<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

I tried to register the plugin to my quasar bootfile (equivalent to 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

I added the bootfile to my config

// code omitted
boot: [
      
      'auth0',
      'axios',
    ],
// code omitted
2

Hey there!

In order to handle that most effectively can I ask you to raise it as a GitHub issue in the quickstart repo so we can work on that directly with the repo maintainers? Once you have a link to it you can share it here so I can ping them. Thank you!

3

I already raised an issue but I might have opened it at the wrong repository. Do I just paste the link there or copy it entirely?

1 Like
4

No that’s fine! I’m gonna ping the repo maintainers in a few minutes.

1 Like