update config of navigation

config/navigation.js

@@ -5,40 +5,28 @@
  */
 const config = [
   {
-    label: 'Get started',
-    url: 'get-started',
     text: 'Get started',
-    href: '/get-started'
+    href: 'get-started'
   },
   {
-    label: 'Styles',
-    url: 'styles',
     text: 'Styles',
-    href: '/styles'
+    href: 'styles'
   },
   {
-    label: 'Components',
-    url: 'components',
     text: 'Components',
-    href: '/components'
+    href: 'components'
   },
   {
-    label: 'Patterns',
-    url: 'patterns',
     text: 'Patterns',
-    href: '/patterns'
+    href: 'patterns'
   },
   {
-    label: 'Community',
-    url: 'community',
     text: 'Community',
-    href: '/community'
+    href: 'community'
   },
   {
-    label: 'Accessibility',
-    url: 'accessibility',
     text: 'Accessibility',
-    href: '/accessibility'
+    href: 'accessibility'
   }
 ]
 

lib/navigation.js

@@ -23,7 +23,7 @@ module.exports = (config) => (files, metalsmith, done) => {
   for (const item of items) {
     // Match navigation item child directories
     // (for example, ['components/breadcrumbs/index.html', 'components/checkboxes/index.html', ...])
-    const itemPaths = metalsmith.match(`${item.url}/*/index.html`, paths)
+    const itemPaths = metalsmith.match(`${item.href}/*/index.html`, paths)
 
     // No sub items required for this path
     if (!itemPaths.length) {
@@ -47,8 +47,8 @@ module.exports = (config) => (files, metalsmith, done) => {
 
       // Add subitem to navigation
       item.items.push({
-        url: dirname(itemPath),
-        label: frontmatter.title,
+        href: `${dirname(itemPath)}`,
+        text: frontmatter.title,
         order: frontmatter.order,
         theme: frontmatter.theme,
 
@@ -65,6 +65,8 @@ module.exports = (config) => (files, metalsmith, done) => {
 
     // Sort navigation sub items using 'order' (optional)
     item.items?.sort((a, b) => compare(a.order, b.order))
+
+    item.href = `/${item.href}`
   }
 
   // Add navigation to global variables

views/partials/_mobile-navigation.njk

@@ -3,8 +3,8 @@
       <ul class="app-navigation__list">
         {% for item in params.items %}
           <li class="app-navigation__subnav-item">
-            <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="{{ item.url }}">
-              {{ item.label }}
+            <a class="govuk-link govuk-link--no-visited-state govuk-link--no-underline" href="{{ item.href }}">
+              {{ item.text }}
             </a>
           </li>
         {% endfor %}