Add support for 11ty.js Virtual Templates #3347

Activity

1. zachleat

   added

   enhancement

   on Jul 4, 2024
2. zachleat

   added this to the Eleventy 3.0.0 milestone on Jul 4, 2024
3. zachleat

   closed this as completedin 9d1572con Jul 4, 2024
4. zachleat commented on Jul 4, 2024

   

   zachleat

   on Jul 4, 2024

   MemberAuthor

   More actions

   Shipping with 3.0.0-alpha.15. Pass in the raw JavaScript as the virtual template content, like so:

   eleventyConfig.addTemplate("virtual.11ty.js", function(data) {
   	return `this is a test ${data.page.url}.`;
   });
   
   eleventyConfig.addTemplate("virtual.11ty.js", {
     data: () => ({ var: 2 }),
     render: function(data) {
       return `this is a test ${data.var}.`;
     }
   });

   ❤️React with ❤️1Reacted by Walter
5. VividVisions commented on Jul 5, 2024

   

   VividVisions

   on Jul 5, 2024

   Contributor

   More actions

   Awesome! So, I guess using JS classes as templates (with data and render methods) will also be as easy as this:

   import MyTemplateClass from 'mytemplate.js';
   
   const template = new MyTemplateClass({ options: { /* ... */}});
   eleventyConfig.addTemplate('virtual.11ty.js', template);
6. zachleat commented on Jul 5, 2024

   

   zachleat

   on Jul 5, 2024

   Last edited by zachleat

   MemberAuthor

   More actions

   @VividVisions any of the 11ty.js types would work there: https://www.11ty.dev/docs/languages/javascript/
7. Zearin

   added a commit that references this issue on Jul 8, 2024

   Fixes 11ty#3347

   This issue will close once commit 9d1572c is merged into the 'main' branch.

   9d1572c
8. zachleat

   added

   needs-documentationDocumentation for this issue/feature is pending!Documentation for this issue/feature is pending!

   on Sep 20, 2024
9. zachleat

   added a commit that references this issue on Sep 26, 2024

   Docs for 11ty/buildawesome#3347

   ded07f2
10. zachleat commented on Sep 26, 2024

    

    zachleat

    on Sep 26, 2024

    MemberAuthor

    More actions

    Temporary docs preview URL building here: https://11ty-website-git-v3-11ty.vercel.app/docs/virtual-templates/#javascript
11. zachleat

    added

    feature: 🥽 virtual templates

    and removed

    needs-documentationDocumentation for this issue/feature is pending!Documentation for this issue/feature is pending!

    on Sep 26, 2024