document.addEventListener 'DOMContentLoaded', ->
  dropdowns = document.querySelectorAll '.navbar-nav .nav-item.dropdown'
  dropdowns.forEach (dropdown) ->
    dropdown.addEventListener 'mouseenter', ->
      menu = dropdown.querySelector ':scope > .dropdown-menu'
      if menu?
        menu.classList.add 'show'
    dropdown.addEventListener 'mouseleave', ->
      menu = dropdown.querySelector ':scope > .dropdown-menu'
      if menu?
        menu.classList.remove 'show'