Language Switcher does not update components

[lumos94]

hello all,

Did anyone else came across an issue with the language switcher (https://i18n.nuxtjs.org/docs/guide/lang-switcher) not updating the navigation component and the footer component? I have it as part of my navigation bar and when I change the locale it updates it in the main page but not the components. this is the layout's structure. Inside the TheNavigation i have another component that includes the language switcher. <slot/> gets updated but the data in the <TheNavigation/> and <TheFooter/> do not.

<template>
  <div class="relative mx-auto">
    <nav>
      <TheNavigation />
    </nav>
    <main>
      <slot />
    </main>
    <TheFooter />
  </div>
</template>