bootstrap5　ドロップダウンが表示されない

bootstrap5を導入してドロップメニューを表示させようとしていますが表示されません。

slim
1    .dropdowon
2      button.btn.btn-primary.dropdowon-toggle data-toggle='dropdown'
3        | prymary
4      ul.dropdown-menu
5        li.dropdown-item
6          =link_to root_path,'トップページ',class:'dropdown-item'

以下の手順でbootstrapを導入しました。

yarn add bootstrap @popperjs/core

app/javascript/packs/application.js
1import 'bootstrap';
2import "../stylesheets/application.scss";

3
app/javascriptディレクトリの下にstylesheetsディレクトリを作り、application.scssを次のように記述

app/javascript/stylesheets/application.scss
1@import "bootstrap";

以上の手順で行いましたがドロップダウンが表示されないです。
他のbootstrapは適応されています。

よろしくお願いします。

rails -v
Rails 6.0.4.6

ruby
1doctype html
2html
3  head
4    title
5      | ReserveRoom
6    = csrf_meta_tags
7    = csp_meta_tag
8    meta[name="viewport" content="width=device-width,initial-scale=1"]
9    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
10    = javascript_pack_tag 'application', 'data-turbolinks-track': 'reload'
11  header
12  - if user_signed_in?
13    = render 'shared/login_user_header'
14  - else 
15    = render 'shared/before_header'
16  body
17    = render 'shared/flash_message'
18    .container
19      = yield