Cookie Reactivity Issue

Hi, I have this cookie defined in my composable:

export function useSession() {
    const currentPortfolioId = useCookie<number | undefined>('currentPortfolio', {
        maxAge: 60 * 60 * 24 * 14
    });

    return {
        currentPortfolioId
    }
}

export function useSession() {
    const currentPortfolioId = useCookie<number | undefined>('currentPortfolio', {
        maxAge: 60 * 60 * 24 * 14
    });

    return {
        currentPortfolioId
    }
}

And this is where it use the cookie:

const {currentPortfolioId} = useSession();

const {data: portfolioData} = useAPI<PortfolioInfo>(`/api/portfolio/${currentPortfolioId.value}`, {
  server: false,
  watch: [currentPortfolioId]
});

const {currentPortfolioId} = useSession();

const {data: portfolioData} = useAPI<PortfolioInfo>(`/api/portfolio/${currentPortfolioId.value}`, {
  server: false,
  watch: [currentPortfolioId]
});

When I change the value of my cookie, useAPI still uses the old value when refetching. After reloading, the correct value is used. Can anyone help me?

Cookie Reactivity Issue

Cookie Reactivity Issue

Continue the conversation

Nuxt

Continue the conversation

Nuxt

Similar Threads