Add the checked filters count in the browse page

app/javascript/controllers/show_filter_count_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="show-filter-count"
+
+export default class extends Controller {
+  static targets = ["countSpan"]
+  updateCount(){
+    const checkInputs = this.element.querySelectorAll('input:checked')
+    const count = checkInputs.length
+    this.countSpanTarget.style.display =  count === 0 ? "none" : "inline-block" 
+    this.countSpanTarget.innerHTML = count === 0 ? "" : count
+  }
+}