#Nuxt3 `Maximum call stack size exceeded` on **vercel**, but works perfectly fine locally

16 messages · Page 1 of 1 (latest)

mighty geyser
#

/login:

<script setup lang="ts">
definePageMeta({
  name: "Login",
  alias: ['/sign-in', '/login']
})
</script>

<template>
  <div class="fixed transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2">
    <LogIn />
  </div>
</template>

<style scoped></style>
#

user.ts (bad name tbf):

import { defineStore } from 'pinia'

export const useUserStore = defineStore('user', () => {
    const signIn = async (email: string, password: string) => {
        return await $fetch('/api/auth/login', { method: 'POST', body: { email, password } });
    }

    const signUp = async (email: string, password: string) => {
        return await $fetch('/api/auth/sign-up', { method: 'POST', body: { email, password } });
    }

    const signOut = async () => {
        return await $fetch('/api/auth/logout', { method: 'POST' });
    }

    return {
        signIn,
        signUp,
        signOut
    };
})
#

What is weird, is that sign-up loads fine now, but log-in doesn't

#

also what is happening here?
This is so confusing. Why does it work in dev?

mighty geyser
mighty geyser
mighty geyser
#

only the html is different...

mighty geyser
barren pendant
#

One thing that pops out to me is renaming <LogIn /> to <Login /> in your log-in.vue page? Since Login.vue component exists but LogIn.vue does not.

@mighty geyser may I also advise caution despite having deleted your most recent comment. Such an attitude will turn heads and that’s not doing you any favours. Someone at some point will offer some help. There’s a lot to digest in the information you’ve given, a little patience goes a long way. Thanks.

mighty geyser
#

Thank you, that is weird. It is called LogIn.vue locally but Login.vue is on github. I assume I renamed it in the past.

#

Windows back again...

#

oh wow

#

I need case sensitivity on windows

mighty geyser