<router-link to="bot">Bots</router-link><router-link :to="{ path: 'bot' }">Bots</router-link><router-link :to="{ path: 'bot', parans: { id: 'xxx' }}">Bot XXX</router-link><router-link :to="{ name: 'bot-id', params: { id: 'xxx' }}">Bot XXX</router-link><router-link :to="{ npath: 'bot', query: { name: 'yyy' }}">Bot YYY</router-link>
If you are using BootstrapVue
<b-link to="...">Bot</b-link>
NOTE: Refer Nuxt.js Named Routes
References: