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 · Jul 7, 2023 · ed9d090 · ed9d090
1 parent 16958cc
commit ed9d090
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
@@ -223,6 +223,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}`
+          }))
       }))
   )