turbo history frame

app/controllers/apps/conversations_controller.rb

@@ -75,7 +75,6 @@ def show
 
     @conversation = @app.conversations.find_by(key: params[:id])
 
-
     if request.headers["Turbo-Frame"].present?
       render "show"
     else

app/javascript/controllers/turbo_frame_history_controller.js

@@ -1,41 +1,43 @@
-import { Controller } from '@hotwired/stimulus'
-import { useMutation } from 'stimulus-use'
+import { Controller } from '@hotwired/stimulus';
+import { useMutation } from 'stimulus-use';
 
 export default class extends Controller {
-  connect () {
-
-    useMutation(this, { attributes: true })
-    this.popStateListener = this.popStateListener.bind(this)
-    window.addEventListener("popstate", this.popStateListener)
+  connect() {
+    useMutation(this, { attributes: true });
+    this.popStateListener = this.popStateListener.bind(this);
+    window.addEventListener('popstate', this.popStateListener);
     // Make Turbo ignore popstate events for the initial state
-    history.replaceState(this.historyState(), "", window.location.href)
+    history.replaceState(this.historyState(), '', window.location.href);
   }
 
   disconnect() {
-    window.removeEventListener("popstate", this.popStateListener)
+    window.removeEventListener('popstate', this.popStateListener);
   }
 
-  mutate (entries) {
+  mutate(entries) {
     entries.forEach((mutation) => {
       if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
-        const src = this.element.getAttribute('src')
+        const src = this.element.getAttribute('src');
         if (src != null && src !== window.location.href) {
-          history.pushState(this.historyState(), "", src)
+          history.pushState(this.historyState(), '', src);
         }
       }
-    })
+    });
   }
 
   popStateListener(event) {
-    if (event.state.turbo_frame_history && event.state.turbo_frame === this.element.id) {
-      this.element.src = window.location.href
+    if (
+      event.state.turbo_frame_history &&
+      event.state.turbo_frame === this.element.id
+    ) {
+      this.element.src = window.location.href;
     }
   }
 
   historyState() {
     return {
       turbo_frame_history: true,
       turbo_frame: this.element.id,
-    }
+    };
   }
-}
+}

app/javascript/new_application.js

@@ -5,7 +5,6 @@ import 'rc-tooltip/assets/bootstrap.css';
 import './controllers';
 import '../frontend/components/index';
 
-
 /*
 // hack on preserve scroll https://github.com/hotwired/turbo/issues/37#issuecomment-1581864979
 if (!window.scrollPositions) {