Создать раскрывающийся список с помощью Bootstrap vue

Question

Я пытаюсь добавить кнопку раскрывающегося списка на mi navbar с vuejs и bootstrap, но я получаю элементы таким образом, щелкнув

вот код:

```<template>
<div>
    <nav class="site-nav navbar navbar-expand bg-primary navbar-dark">
        <div class="container-fluid">
            <router-link class="navbar-brand" to="/">AgroVacations</router-link>
            <div class="navbar-nav ml-auto" >
                <router-link class="nav-item nav-link" to="/logincliente">Log in</router-link>
                <router-link class="nav-item nav-link" to="/registrocliente">Sign in</router-link>
                <router-link class="nav-item nav-link" to="/">Help</router-link>
                <b-nav-item-dropdown text="User" right>
                    <b-dropdown-item href="#">Profile</b-dropdown-item>
                    <b-dropdown-item href="#">Log out</b-dropdown-item>
                </b-nav-item-dropdown>
                <router-link type="button" class="btn btn-dark" to="/registrocliente">Comienza Ahora</router-link>
            </div>
        </div>

    </nav>



</div>

`` ''