Shared data - Lume

{% comp "container" %}
	...
{% endcomp %}

or simpler invocations without a content block

{{ comp.button({ text: "Login" }) | safe }}

Components can have custom CSS in their frontmatter, which gets loaded into /components.css

---
css: |
    .container {
        max-width: 80%;
        margin: auto;
        padding: 0.25em;
        border: thin solid;
    }
---
<section class="container">{{ content | safe }}</section>

Use generator functions to generate pages from data

Scoped updates for incremental rebuilds of large sites

site.scopedUpdates(
  (path) => path.endsWith(".css"), //Select all *.css files
  (path) => /\.(js|ts)$/.test(path), //Select all *.js and *.ts files
);

Task runner in site config instead of package.json — which obvs a Deno project won’t have

They have data cascade too

They modestly provide an Eleventy migration guide