Dynamic Search with Turbo Frames

index.html.slim

# in posts/index.html.slim
= form_for posts_path, method: :get, html: { data: { turbo_frame: 'posts', turbo _action: 'advance' } } do 
  = search field tag :g, params[:q], placeholder: 'Search..
  
= turbo frame tag 'posts' do 
  = render partial: 'posts/post', collection: @posts
  = pagy _nav (@pagy)

# It will dynamically update the re attribute on the turbo-frame.
# So the content will be reloaded in AJAX for every search.
# Only the content in that turbo-frame will be extracted from the response to replace the actual turbo-frame
<turbo-frame id="posts" src=" /posts?a=hotwire">
...
</turbo-frame>

posts_controller.rb

# Controller
class PostsController < ApplicationController
  def index
    @pagy, @posts = pagy(Post .search(params [:q]) .order (created at : :desc))
  end 
end