1.0.0 • Published 3 years ago
@jamshop/eleventy-filter-chunk v1.0.0
Eleventy Filter - Chunk
It's actually a plugin!
Adds a chunk filter to 11ty. It's basically the loadash chunk method and is useful for spltting data or collections where pagination is not really what you need.
Install:
npm install @jamshop/eleventy-filter-chunk
Usage
In you main config .eleventy.js
:
const chunkPlugin = require("@jamshop/eleventy-filter-chunk");
module.exports = (eleventyConfig) => {
eleventyConfig.addPlugin(chunkPlugin);
// and the rest of your config
};
Examples:
Nunjucks
---
layout: "page.njk"
testData: ["a","b","c","d"]
---
{% for chunk in (testData | chunk(2)) %}
chunk: {{ chunk }} <br>
{% endfor %}
Liquid (markdown/html)
---
layout: "page.njk"
testData: ["a","b","c","d"]
permalink: "/md.html"
---
{% assign chunks = (testData | chunk: 2) %}
{% for chunk in chunks %}
chunk: {{ chunk }} <br>
{% endfor %}
Handlebars
---
layout: "page.njk"
testData: ["a","b","c","d"]
permalink: "/hbs.html"
---
{{#each (chunk testData 2) }}
chunk: {{this}}<br>
{{/each}}
1.0.0
3 years ago