Mark notification read when viewing the Bubble

app/javascript/controllers/notifications/readings_controller.js

@@ -1,18 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  record({ target, params: { url } }) {
-    navigator.sendBeacon(url, this.#csrfPayload())
-    target.remove()
-  }
-
-  #csrfPayload() {
-    const data = new FormData()
-    data.append("authenticity_token", this.#csrfToken())
-    return data
-  }
-
-  #csrfToken() {
-    return document.querySelector('meta[name="csrf-token"]').content
-  }
-}

app/javascript/controllers/readings_controller.js

@@ -0,0 +1,10 @@
+import { post } from "@rails/request.js"
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static values = { url: String }
+
+  connect() {
+    post(this.urlValue, { responseKind: "turbo-stream" })
+  }
+}