turbo frames: lazy loading collection elements

app/controllers/employees_controller.rb

@@ -8,6 +8,7 @@ def index
 
   # GET /employees/1 or /employees/1.json
   def show
+    sleep 1
   end
 
   # GET /employees/new

app/views/employees/_employee.html.erb

@@ -1,4 +1,4 @@
-<div id="<%= dom_id employee %>">
+<%= turbo_frame_tag employee do %>
   <p>
     <strong>First name:</strong>
     <%= employee.first_name %>
@@ -28,5 +28,4 @@
     <strong>Email:</strong>
     <%= employee.email %>
   </p>
-
-</div>
+<% end %>

app/views/employees/index.html.erb

@@ -4,10 +4,12 @@
 
 <div id="employees">
   <% @employees.each do |employee| %>
-    <%= render employee %>
-    <p>
-      <%= link_to "Show this employee", employee %>
-    </p>
+    <%= turbo_frame_tag employee, loading: :lazy, src: employee_path(employee) do %>
+      <div style="height: 200px; background-color: silver">
+        Loading...
+      </div>
+    <% end %>
+    <br>
   <% end %>
 </div>