Having trouble with internal links in my template, as they are not directing to the correct URLs.
<nuxt-link
:to="blog.url"
>{{ blog.title }} by {{ blog.author }}</nuxt-link
>
In my data, I have the following setup (where blog.title and blog.author are functioning correctly)
data() {
return {
blog: [
{ url: '/blog1', title: 'my first title', author: 'Brad' },
{ url: '/blog2', title: 'my second title', author: 'James' },
{ url: '/blog3', title: 'my third title', author: 'Tom' }
]
}
}
The rendered output from the nuxt-link is simply "blog.url" and does not route anywhere. How can I adjust it to correctly navigate to the internal links specified for each blog post?