Bootstrap-vue: How to use vue-router with list group items?

[aalvrz]

I have the following template:

<b-card header="My Posts">
    <b-list-group flush>
      <b-list-group-item v-for="post in posts" :key="post.id" action>
        <router-link :to="{name: 'PostView', params: {id: post.id}}">{{ post.title }}</router-link>
      </b-list-group-item>
    </b-list-group>
  </b-card>

Is it possible to use :to in b-list-group-item with a value such as the one above?

[pi0]

@BigChief45 You don't even a nested just pass to prop to list-group item :)

<b-card header="My Posts">
    <b-list-group flush>
      <b-list-group-item v-for="post in posts" :key="post.id" :to="{name: 'PostView', params: {id: post.id}}" action>
            {{ post.title }}
      </b-list-group-item>
    </b-list-group>
  </b-card>