Merge pull request #629 from neanias/patch-1

Use dig in layouts guide ERB
lookbook-hq · Jul 11, 2024 · d35a96c · d35a96c
2 parents cdcbbae + 56f35dd
commit d35a96c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/docs/src/_extend/other/data.md b/docs/src/_extend/other/data.md
@@ -56,7 +56,7 @@ title: Global Data Store
   <!-- app/views/layouts/preview.html.erb -->
   ...
   <div><%%= yield %></div>
-  <p>Built by <%%= params[:lookbook][:data][:company_name] %></p>
+  <p>Built by <%%= params.dig(:lookbook, :data, :company_name) %></p>
   ...
   ```
 
@@ -77,4 +77,4 @@ title: Global Data Store
     <%% end %>
   </ul>
   ```
-<% end %>
+<% end %>
diff --git a/docs/src/_guide/previews/display.md b/docs/src/_guide/previews/display.md
@@ -29,17 +29,17 @@ title: Display Options
     end
     ```
 
-    Display param values can then be accessed via the `params` hash in your preview layout using `params[:lookbook][:display][<key>]`:
+    Display param values can then be accessed via the `params` hash in your preview layout using `params.dig(:lookbook, :display, <key>)`:
 
     ```html
     <!DOCTYPE html>
-    <html style="background-color: <%%= params[:lookbook][:display][:bg_color] %>">
+    <html style="background-color: <%%= params.dig(:lookbook, :display, :bg_color) %>">
       <head>
         <title>Preview Layout</title>
       </head>
       <body>
-        <div style="max-width: <%%= params[:lookbook][:display][:max_width] || '100%' %>">
-          <%% if params[:lookbook][:display][:wrapper] == true %>
+        <div style="max-width: <%%= params.dig(:lookbook, :display, :max_width) || '100%' %>">
+          <%% if params.dig(:lookbook, :display, :wrapper) == true %>
           <div class="wrapper"><%%= yield %></div>
           <%% else %> <%%= yield %> <%% end %>
         </div>
@@ -136,7 +136,7 @@ title: Display Options
     <!DOCTYPE html>
     <html>
       <head>
-        <link href="<%%= params[:lookbook][:display][:theme] %>.css" rel="stylesheet" />
+        <link href="<%%= params.dig(:lookbook, :display, :theme) %>.css" rel="stylesheet" />
       </head>
       <body>
         <%%= yield %>
@@ -163,4 +163,4 @@ title: Display Options
 
     Overridden values like these **are not persisted** across other previews.
   <% end %>
-<% end %>
+<% end %>
diff --git a/docs/src/_guide/previews/layouts.md b/docs/src/_guide/previews/layouts.md
@@ -56,7 +56,7 @@ title: Preview Layouts
     ```erb
     <!-- app/views/layouts/component_preview.html.erb -->
     <!DOCTYPE html>
-    <html style="background-color: <%%= params[:lookbook][:display][:bg_color] || "white" %>">
+    <html style="background-color: <%%= params.dig(:lookbook, :display, :bg_color) || "white" %>">
     <head>
       <title>Component Preview</title>
       <meta name="viewport" content="width=device-width,initial-scale=1">
@@ -67,7 +67,7 @@ title: Preview Layouts
       <div style="
         margin-left: auto;
         margin-right: auto;
-        max-width: <%%= params[:lookbook][:display][:max_width] || "100%" %>
+        max-width: <%%= params.dig(:lookbook, :display, :max_width) || "100%" %>
       ">
         <%%= yield %> <!-- rendered preview will be injected here -->
       </div>
@@ -86,4 +86,4 @@ title: Preview Layouts
 
   <% s.with_block_api_module_methods(:preview_helper) %>
 
-<% end %>
+<% end %>