I'd like to access the current page's alternate_languages list in the layout, not the page, so I can pass it to a "language-switcher" button component. Right now, I'm only querying the CMS in the page component like this: const result = await $prismic.api.getSingle('test_homepage', { lang: 'en-ca'…

I thought about that (emitting it and listening on the main component), but having the site language as a part of the global state made more sense for how I'd be using it throughout the layout. I think using the i18n module for Nuxt will be an even more elegant solution, and it will make the langua…

I left off before the weekend having just installed the Nuxt i18n module. The module automatically adds a url prefix like /en/ or /fr/, and the i18n object is available globally, so it should be easy to use that as the language I use when I make the Prismic API requests. I'll update here once I get …

Hey @technical1 , I looked through some of my old projects, and I always handled the language switcher in the page component. I did some research, and a lot of developers suggest passing data to the layout with an emit event . If you want, I could try to do a simple implementation of that as an examp…

Great! I'm glad that's working for you.

Would you mind sharing this example with me?

Access alternate_languages outside of page component

Developing with Prismic

samlittlefair (Sam Littlefair) September 13, 2021, 5:16pm 3

Hi @technical1,

I have done this in the past, but I can't remember how. I'll look into it tomorrow morning and let you know what I figure out. In the meantime, let me know if you've found a good way to handle this!

Sam

Topic		Replies	Views
Locale urls on nuxt Developing with Prismic nuxtjs	5	1396	December 9, 2021
Multi language menu & footer - nuxt/slice-machine Developing with Prismic nuxtjs	3	615	December 9, 2021
Nuxt-community / i18n-module with Prismic Developing with Prismic nuxtjs	3	986	December 9, 2021
Nuxt i18n multiple multilinagual dynamic pages Developing with Prismic nuxtjs	3	653	December 9, 2021
Get project locales using @nuxtjs/prismic Developing with Prismic nuxtjs , localization	3	70	April 25, 2025

Access alternate_languages outside of page component

Related topics