Use component name as prefix for nested component options

Like we do for `summary.text` and `summary.html` manually, this change prefixes all nested component options with the name of their their component for clarity—automatically
alphagov · Aug 7, 2023 · 244244d · 244244d
1 parent 9203a1e
commit 244244d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/lib/get-macro-options/index.js b/lib/get-macro-options/index.js
@@ -217,6 +217,15 @@ function getMacroOptions (componentName) {
           .map(addSlugs)
           .map(renderNameWithBreaks)
           .map(renderDescriptionsAsMarkdown)
+
+          // Use component name as prefix for nested component options
+          // For example, 'text' becomes 'label.text'
+          .map((param) => ({
+            ...param,
+
+            // Nested object: Use `parent.child` syntax
+            name: `${option.name}.<wbr>${param.name}`
+          }))
       }))
   )