i18n implementation?

[wobsoriano]

https://github.com/wobsoriano/vue-clerk/issues/25#issuecomment-1950410106

[aviorp]

import { clerkPlugin } from 'vue-clerk/plugin';
import { heIL } from '@clerk/localizations';
export default defineNuxtPlugin(({ vueApp }) => {
  vueApp.use(clerkPlugin, {
    publishableKey: useRuntimeConfig().public.clerkPublishableKey,
    localization: heIL,
  });
});

idk what im missing but im sure its not working that way, any thoughts ?

[wobsoriano]

What's not working @aviorp? Can you update to latest version and try again?

I just tried it in the playground and it works as expected:

[aviorp]

well it works ! forgot to refresh my lock file. thanks man !

[aviorp]

btw how can i toggle the mode by user choice ?

[wobsoriano]

@aviorp It's not documented but here's how you would do it:

import { frFR } from '@clerk/localizations'

const clerk = useClerk()

clerk.__unstable__updateProps({ options: { ...currentOptions, locale: frFR } })

Outside a component setup you can do

window.Clerk.__unstable__updateProps({ options: { ...currentOptions, locale: frFR } })