trys / 11ty-component-macro

trys

Repository for http://trysmudford.com

Written in Jekyll

11ty-component-macro's Issues

Not working with 11ty's layout system

Thanks for sharing this idea on your blog. It's the nicest components-in-eleventy solution I've come across.

After reading the blog post I ran off to try it but got hung up on a tricky issue. I'm writing it up here for anyone that follows.

Issue

I set up the component macro in a new project created with the eleventy base blog starter. My pages didn't have access to the component macro even though my top level layout (_includes/layouts/base.njk) imports it.

Error message is

Error: Unable to call `component`, which is undefined or falsey

I found that eleventy's layout inheritance doesn't work the same as in "vanilla" nunjucks. More details in 11ty/eleventy#212.

Workarounds

Do one of these

• Use the extends and block tags of nunjucks instead of specifying a layout in the page's frontmatter. This is the workaround used by this repo.
• Continue using eleventy's layout system and put {%- from "system/component.njk" import component -%} at the top of every page-level template that uses the component macro.