useAuth0 retuning undefined error

justyouandickson · January 24, 2023, 12:29am

hi community so i am having an error importing useAuth0 like <script> import { useAuth0} from '@auth0/auth0-vue' setup(){ const { loginWithPopup } = useAuth0();} </script>.
The error is keep getting on my console is useAuth0 is undefined. Any help

tyf · January 24, 2023, 1:17am

Hey there @justyouandickson welcome to the community!

While I’m not positive why you are getting undefined there, it may be worth comparing against our sample app here:

github.com

auth0-samples/auth0-vue-samples/blob/3e57683ab6746efa3fb273cf9f6eb6af8a8985d3/01-Login/src/components/NavBar.vue#L95


      
                        <font-awesome-icon icon="power-off" class="mr-3" />
                        <a id="qsLogoutBtn" href="#" class @click.prevent="logout">Log out</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </nav>
            </div>
          </template>
          
          
<script lang="ts">
          import { useAuth0 } from '@auth0/auth0-vue';
          
          
export default {
            name: "NavBar",
            setup() {
              const auth0 = useAuth0();
              
              return {
                isAuthenticated: auth0.isAuthenticated,
                isLoading: auth0.isLoading,

Are you working off a guide or anything in particular?

Keep us posted!

justyouandickson · January 24, 2023, 8:55pm

still getting the same result. i think its caused by this const {loginWithPoppup} = useAuth0 because that’s the response on the console