docs: use dig in layouts guide ERB

If one uses the suggested layout for the ViewComponent default layout, navigating to `localhost:3000/rails/view_components` will throw an error due to the deeply nested nature of the Lookbook params hash. Using `dig` allows for safe access into the hashes without causing problems if any of the keys don't exist. Hash#dig was introduced in Ruby 2.3, so will be available in all supported versions of Lookbook.
lookbook-hq · Jun 24, 2024 · 0e192ca · 0e192ca
1 parent cdcbbae
commit 0e192ca
Showing 1 changed file with 3 additions and 3 deletions.
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 %>