Раскрывающееся меню Rails Tailwindcss и Vue Slots link_to не работает

Question

Я создаю приложение Rails с помощью оболочки Vue. У меня есть панель навигации, где я создал пункт выпадающего меню через Vue Slots и tailwindcss.

Меню открывается и отображается идеально, однако, когда я открываю выпадающее меню и нажимаю на ссылку, ничего не происходит. При наведении курсора на ссылку, она показывает правильный путь, но просто не перенаправляет меня на эту страницу. Как будто щелчка не происходит.

Мой выпадающий компонент:

<template>
  <div class="relative inline-block">
    <div role="button" class="inline-block select-none" @click.prevent="open = !open">
      <slot name="link"></slot>

      <div v-show="open" class="absolute pin-r w-40 mt-1 z-50">
        <slot name="dropdown-items"></slot>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      open: false,
    }
  }
}
</script>

Мой выпадающий элемент, который находится в моей навигационной панели:

  <dropdown>
  <a slot="link" href="#" class="lg:p-4 nav-link">Manage Resources</a>

  <div slot="dropdown-items" class="text-center bg-royal-blue opacity-75 rounded-b shadow-lg border overflow-hidden">
    <ul>
      <li class="p-2"><%= link_to "Users", "#", classs: "nav-link" %></li>
      <li class="p-2"><%= link_to "Equipment", "#", classs: "nav-link" %></li>
      <li class="p-2"><%= link_to "Shipper", new_shipper_path, classs: "nav-link" %></li>
      <li class="p-2"><%= link_to "Receiver", new_receiver_path, classs: "nav-link" %></li>
    </ul>
  </div>
  </dropdown>

Я действительно новичок в Vue Slots и Vue как фанат рельсов, так что, возможно, я здесь что-то не так делаю? Любая помощь будет оценена!