@@ -89,7 +89,7 @@ callout:
8989 background: warning
9090---
9191
92- {{ callout | renderComponent: "liquid" }}
92+ {{ callout | renderComponent }}
9393```
9494
9595</details >
@@ -105,7 +105,7 @@ callout:
105105
106106``` javascript
107107const defaultOptions = {
108- componentsDir: " src/components/*.njk " ,
108+ componentsDir: " src/components/*.* " ,
109109 cssBundleDir: " ./assets/styles/" ,
110110 jsBundleDir: " ./assets/scripts/" ,
111111 collectionName: " components" ,
@@ -144,7 +144,7 @@ components:
144144---
145145
146146<main>
147- {{ components | renderComponent: "liquid" }}
147+ {{ components | renderComponent }}
148148</main>
149149```
150150
@@ -171,7 +171,7 @@ components:
171171---
172172
173173<main>
174- {{ components | renderComponent("njk") | safe }}
174+ {{ components | renderComponent | safe }}
175175</main>
176176```
177177
@@ -198,7 +198,7 @@ components:
198198---
199199
200200<main>
201- {{ components |> renderComponent("vto") |> safe }}
201+ {{ components |> renderComponent |> safe }}
202202</main>
203203```
204204
@@ -237,10 +237,10 @@ Define components inline within your template:
237237] %}
238238
239239<main>
240- {{ heroComponent | renderComponent: "liquid" }}
240+ {{ heroComponent | renderComponent }}
241241
242242 <section class="features">
243- {{ features | renderComponent: "liquid" }}
243+ {{ features | renderComponent }}
244244 </section>
245245</main>
246246```
@@ -276,10 +276,10 @@ Define components inline within your template:
276276] -%}
277277
278278<main>
279- {{ heroComponent | renderComponent("njk") | safe }}
279+ {{ heroComponent | renderComponent | safe }}
280280
281281 <section class="features">
282- {{ features | renderComponent("njk") | safe }}
282+ {{ features | renderComponent | safe }}
283283 </section>
284284</main>
285285```
@@ -315,10 +315,10 @@ Define components inline within your template:
315315] }}
316316
317317<main>
318- {{ heroComponent |> renderComponent("vto") |> safe }}
318+ {{ heroComponent |> renderComponent |> safe }}
319319
320320 <section class="features">
321- {{ features |> renderComponent("vto") |> safe }}
321+ {{ features |> renderComponent |> safe }}
322322 </section>
323323</main>
324324```
@@ -397,9 +397,9 @@ title: Homepage
397397---
398398
399399<main>
400- {{ homepage.hero | renderComponent: "liquid" }}
400+ {{ homepage.hero | renderComponent }}
401401
402- {{ homepage.sections | renderComponent: "liquid" }}
402+ {{ homepage.sections | renderComponent }}
403403</main>
404404```
405405
@@ -416,9 +416,9 @@ title: Homepage
416416---
417417
418418<main>
419- {{ homepage.hero | renderComponent("njk") | safe }}
419+ {{ homepage.hero | renderComponent | safe }}
420420
421- {{ homepage.sections | renderComponent("njk") | safe }}
421+ {{ homepage.sections | renderComponent | safe }}
422422</main>
423423```
424424
@@ -435,9 +435,9 @@ title: Homepage
435435---
436436
437437<main>
438- {{ homepage.hero |> renderComponent("vto") |> safe }}
438+ {{ homepage.hero |> renderComponent |> safe }}
439439
440- {{ homepage.sections |> renderComponent("vto") |> safe }}
440+ {{ homepage.sections |> renderComponent |> safe }}
441441</main>
442442```
443443
@@ -653,9 +653,10 @@ type: "my-component" <!-- must match! -->
653653
654654Make sure to specify the correct template language parameter for your template engine:
655655
656- - ** Liquid** : ` {{ item | renderComponent: "liquid" }} ` (auto-escaped by default)
657- - ** Nunjucks** : ` {{ item | renderComponent("njk") | safe }} `
658- - ** Vento** : ` {{ item |> renderComponent("vto") |> safe }} `
656+
657+ - ** Liquid** : ` {{ item | renderComponent }} ` (auto-escaped by default)
658+ - ** Nunjucks** : ` {{ item | renderComponent | safe }} `
659+ - ** Vento** : ` {{ item |> renderComponent |> safe }} `
659660
660661If no template language is specified, the filter will use the calling template's language by default.
661662
@@ -665,7 +666,7 @@ If no template language is specified, the filter will use the calling template's
665666
666667| Option | Type | Default | Description |
667668| --------| ------| ---------| -------------|
668- | ` componentsDir ` | ` string ` | ` "src/components/*.njk " ` | Glob pattern for component files |
669+ | ` componentsDir ` | ` string ` | ` "src/components/*.* " ` | Glob pattern for component files |
669670| ` cssBundleDir ` | ` string ` | ` "./assets/styles/" ` | CSS bundle output directory |
670671| ` jsBundleDir ` | ` string ` | ` "./assets/scripts/" ` | JS bundle output directory |
671672| ` collectionName ` | ` string ` | ` "components" ` | Name of components collection |
0 commit comments