The navigation plugin is not working correctly with computed data.

[Eliezer516]

First of all, thank you very much for this project. My problem is the following: I'm using the 11ty Navigation Plugin. I have a main directory with other subdirectories, each with its respective notes in Markdown. Inside each one, I have a JSON file with the same name as the folder to add frontmatter to each of the notes. For example:

My directory has the following structure:

post/
  post-1.md
  post-2.md
  index.md
  ...
  subfolder/
    otro-post.md
    index.md
    ...

And in each one, I have my data file:

// post.json
{
  "layout": "base.njk",
  "eleventyComputed": {
    "eleventyNavigation": {
      "key": "{{ title }}",
      "parent": "..."
    }
  }
}

For some reason, when I use the following code snippet in one of my files, nothing is displayed:

// index.njk
{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}

While doing some testing, I realized it was happening because the Navigation Plugin isn't correctly "receiving" the properties. I thought it was an issue related to computed properties, until I tried this and changed my mind:

<ul>
{%- for post in collections.post -%}
  <li>{{ post.data.title }} - {{ post.data.eleventyNavigation.key }}</li>
{%- endfor -%}
</ul>

Basically, I changed my mind because it shows exactly what I would expect.
So, long story short, I don't know what's going on. As I mentioned earlier, I think it's a problem with the Navigation Plugin because it's not correctly getting the necessary properties when they are calculated in a computed way, but internally, they are behaving correctly.

PD: My native language is Spanish, so I'm using a translator to write this message. 😅

[zachleat]

My first thought was #4029 but I changed my mind — this isn’t that.

Can you use the log filter to get more info? https://www.11ty.dev/docs/filters/log/

{{ collections.all | log }}
{{ collections.all | eleventyNavigation | log }}

[Eliezer516]

My first thought was #4029 but I changed my mind — this isn’t that.

Can you use the log filter to get more info? https://www.11ty.dev/docs/filters/log/

{{ collections.all | log }}
{{ collections.all | eleventyNavigation | log }}

When I run {{ collections.all | eleventyNavigation | log }} I get an empty array.

And {{ collections.all | log }} It returns all my notes, and they have the key and parent properties set correctly thanks to eleventyComputed!!

Here is an example of the output shown by the debug command.

I suspect the navigation plugin is running and checking the key and parent properties before eleventyComputed takes effect. 🤦

[Eliezer516]

Update!!

For some reason everything works fine if I run the following code:

export default {
    layout: "base.njk",
    eleventyComputed: {
        eleventyNavigation: {
            key: (data) => data.title,
            parent: (data) => data.parent,
        },
    },
};

But nothing works if I run this other one:

export default {
    layout: "base.njk",
    eleventyComputed: {
        eleventyNavigation: {
            key: (data) => data.title,
            parent: "Inicio",
        },
    },
};

If you notice, I changed the data template from JSON format to JavaScript.