Jekyll Multiple Languages Navigation

[blogi-kriptovalyut]

Hey. I've been struggling for a week now to translate the navigation menu into several languages.
I found many examples on Google where people were able to customize the translation of the menu using the "Minimal Mistakes" theme. The articles were from 2018, maybe something has changed in the topic or in Jekyll?

How do I create a multilingual menu:

file: _data/navigation.yml

languages:
  - language: "en"
    links:
    - title: "About"
      url: /about/
    - title: "Archives"
      url: /archives/
    - title: "GitHub"
      url: https://github.com
    - title: "pt"
      url: /pt/
  - language: "pt"
    links:
    - title: "Sobre"
      url: /sobre/
    - title: "Arquivos"
      url: /arquivos/
    - title: "GitHub"
      url: https://github.com
    - title: "en"
      url: /

Two languages, two subtrees with the correct URLs for either.

Then I needed to incorporate that into the _includes/masthead.html

The standard code looks like this:

    <ul class="visible-links">
          {%- for link in site.data.navigation.main -%}
            <li class="masthead__menu-item">
              <a href="{{ link.url | relative_url }}"{% if link.description %} title="{{ link.description }}"{% endif %}>{{ link.title }}</a>
            </li>
          {%- endfor -%}
        </ul>

I change it to code for different languages:

{% for item in site.data.navigation.languages %}
  {% if item.language == page.lang %}
    {% for link in item.links %}
      {% if link.url contains "http" %}
        {% assign url = link.url %}
      {% else %}
        {% assign url = link.url | relative_url %}
      {% endif %}
      <a class="page-link" href="{{ url }}">{{ link.title }}</a>
    {% endfor %}
  {% endif %}
{% endfor %}

By this design, it is not displayed even without the plugin "Jekyll Multiple Languages Plugin" in a clean theme "Minimal Mistakes"

I tried simpler and changed the standard code

    <ul class="visible-links">
          {%- for link in site.data.navigation.languages -%}
            <li class="masthead__menu-item">
              <a href="{{ link.url | relative_url }}"{% if link.description %} title="{{ link.description }}"{% endif %}>{{ link.title }}</a>
            </li>
          {%- endfor -%}
        </ul>

This displays all menu items in all languages.

Please help me figure it out because I think you are the best theme developer for Jekyll!

I realize that maybe localization is beyond the scope of this topic, but I can't get any help anywhere. I would like to keep using the beautiful Minimal Mistakes theme!

[blogi-kriptovalyut]

Hey. Who will find this issue, here is an intermediate solution:
In the _data folder, create a file my-nav-lang.yml:

  de: Primäre Navigation
  en: Primary navigation

menu_items:
  de:
    - label: So funktioniert's
      path: /de/so-funktioniert-es
    - label: Über uns
      path: /de/ueber-fortomorrow
    - label: Blog
      path: /de/blog
    - label: Mitmachen
      path: /de/klima-abos
  en:
    - label: How it works
      path: /en/how-it-works
    - label: About
      path: /en/about
    - label: Join now
      path: /en/climate-subscriptions

then in the _includes masthead.html file:

ul class="visible-links">
            <li class="masthead__menu-item">
             {% assign nav_language = site.lang %}
               {% assign menu_items = site.data.my-nav-lang.menu_items.[nav_language] %}
               {% unless menu_items %}
                 {% assign menu_items = site.data.my-nav-lang.menu_items.[site.language_default] %}
               {% endunless %}
               {% for item in menu_items %}
                 <li>
                   <a href="{{ item.path }}">{{ item.label }}</a>
                 </li>
               {% endfor %} 
              </li>
 </ul>

[thiagocorreiap]

Should the code proposed for the masthead be place on the place of the code related to the menu items? When I comment the other code the menu disappears on my website. If I put it before or after the code, only part of the menu appears.