New plugin release:
Eleventy WebC v0.7.0 with Breaking 🚨 Changes
1️⃣ Change @html="content" to @raw="content" in your Eleventy Layout files to avoid double-processing
2️⃣ Adds a default `components` glob
Check out the release notes for more info: https://t.co/YuKP3sdIAO
💬 “Web components are part of the web. They are good for the web. We should be rooting for them.”
Design system consultant and web designer @brad_frost talks all things #webcomponents in his latest blog ↓
https://t.co/rKSlgJMgf6
This WebC release unlocks the very first official Eleventy WebC component:
<syntax-highlight> (and new WebC examples on https://t.co/TSP4Wmw7TG)
(Most useful to devs whose bosses *aren’t* asking you to print your source code to paper)
WebC v0.6.0 🆕🛠🥳
1️⃣ Import from `node_modules` using `npm:` e.g. webc:import="npm:my_module/component"
2️⃣ Adds `@text` for escaped content
3️⃣ Support webc:scoped on <link>
4️⃣ Access default slot as text in render functions
(and more!)
Release notes: https://t.co/nQ0UdYGwZZ
⚠️ Going live in half an hour!
I'm super excited to dive into @WebC_omponents with @darth_mall in half an hour!
⬇️ Join us here at 2pm Central (or 3pm ET/12pm PT)!
https://t.co/ybIFJlXhny
Tomorrow, we're diving into WebC, an HTML compiler for #WebComponents. Join us as @darth_mall shows us how we can use WebC to bring a single-file component developer experience to an @eleven_ty project!
📍 https://t.co/CbEiLtger3
⏰ Tue Nov 1 at 2pm CT
📅 https://t.co/9vVa8HdspE
@levimcg@eleven_ty I would not have expected `<list-component heading="someData"></list-component>` to work!
You’d need a colon to make it a dynamic attribute `<list-component :heading="someData"></list-component>`
I got a chance to tinker around with the @eleven_ty WebC plugin yesterday. There's a ton more to dig into, but I decided to write up my notes as a post. 11ty is already great and WebC feels like a huge upgrade. 😍 https://t.co/wvxIDXRsO8