Reload player or translations after locale change in Vue/Nuxt

[januszj]

Hi,
Having problem how to force translations to be reloaded when locale change.
My current setup looks like this:

in template:

<media-player
      ref="$player"
      autoplay
      playsInline 
      :src="sources" >
    <ClientOnly>
      <media-provider>
      </media-provider>
      <media-video-layout :translations="translations" />
    </ClientOnly>
  </media-player>

in script:

const { t, locale } = useI18n()

const translations = ref<Partial<DefaultLayoutTranslations> | null>(
  {
  Play: t('player.play'),
  Pause: t('player.pause'),
  Mute: t('player.mute')
}

This works fine with first load - selected locale will pull right translations, but after that when locale changes translations are not changing, full page reload is needed.
Do I need some kind of player reload in locale watcher ? or is there other way to reload just translations to reflect locale change ?

Thanks !