Control whitespace in component examples

.editorconfig

@@ -8,3 +8,6 @@ charset = utf-8
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
+
+[*.njk]
+insert_final_newline = false

docs/examples/autocomplete.njk

@@ -4,7 +4,6 @@ layout: example.njk
 title: Autocomplete example
 ---
 {% from "x-govuk/components/autocomplete/macro.njk" import xGovukAutocomplete %}
-
 {{ xGovukAutocomplete({
   id: "country",
   name: "country",
@@ -43,4 +42,4 @@ title: Autocomplete example
     { text: "Spain" },
     { text: "Sweden" }
   ]
-}) }}
+}) }}

docs/examples/masthead.njk

@@ -4,7 +4,6 @@ layout: example.njk
 title: Masthead example
 ---
 {% from "x-govuk/components/masthead/macro.njk" import xGovukMasthead %}
-
 {{ xGovukMasthead({
   classes: "x-govuk-masthead--large",
   phaseBanner: {
@@ -25,4 +24,4 @@ title: Masthead example
   startButton: {
     href: "/get-started/"
   }
-}) }}
+}) }}

docs/examples/primary-navigation.njk

@@ -4,24 +4,23 @@ layout: example.njk
 title: Primary navigation
 ---
 {% from "x-govuk/components/primary-navigation/macro.njk" import xGovukPrimaryNavigation %}
-
 {{ xGovukPrimaryNavigation({
   visuallyHiddenTitle: "Navigation",
   items: [{
     text: "Home",
     href: "#",
     current: true
-  },{
+  }, {
     text: "Support",
     href: "#"
-  },{
+  }, {
     text: "Features",
     href: "#"
-  },{
+  }, {
     text: "Pricing",
     href: "#"
   }, {
     text: "Contact us",
     href: "#"
   }]
-}) }}
+}) }}

docs/examples/related-navigation.njk

@@ -4,7 +4,6 @@ layout: example.njk
 title: Related navigation example
 ---
 {% from "x-govuk/components/related-navigation/macro.njk" import xGovukRelatedNavigation %}
-
 {{ xGovukRelatedNavigation({
   sections: [{
     items: [{
@@ -22,4 +21,4 @@ title: Related navigation example
       }]
     }]
   }]
-}) }}
+}) }}

docs/examples/sub-navigation.njk

@@ -4,7 +4,6 @@ layout: example.njk
 title: Sub navigation example
 ---
 {% from "x-govuk/components/sub-navigation/macro.njk" import xGovukSubNavigation %}
-
 {{ xGovukSubNavigation({
   visuallyHiddenTitle: "Navigation",
   items: [{
@@ -23,4 +22,4 @@ title: Sub navigation example
       href: "/contact/telephone"
     }]
   }]
-}) }}
+}) }}

eleventy.config.js

@@ -59,7 +59,7 @@ module.exports = function (eleventyConfig) {
     const { content } = matter(componentFile)
 
     // Remove `{% from "..." import ... %}` line as this is not needed by users
-    const nunjucksCode = content.replace(/{%\sfrom\s[^\n]+\n\n/, '')
+    const nunjucksCode = content.replaceAll(/{%\sfrom\s[^\n]+\n/g, '')
 
     return nunjucksCode
   })