[Vue] nested route 따라하고 있습니다.

<template>
  <div class="card mb-3" v-for="(item, idx) in items" :key="idx">
    <div class="card-body">
      <!-- $router.go(1), go(-1) 뒤로가기 등 가능 -->
      <h5 @click="$router.push('/detail/${{idx}}')" class="card-title">{{item.title}}</h5> 
      <p class="card-text">
        {{item.content}}
      </p>
      <p class="card-text">
        <small class="text-muted">{{item.date}}</small>
      </p>
    </div>
  </div>
</template>

item의 title을 클릭했을 때, 상세페이지로 넘어가게 하고 싶은데요. 
for loop안에 있는 idx 값을 이용해서 click함수를 추가하려합니다. 
그런데 router.push안에 값을 어떻게 집어넣어도 인식이 잘 안되더군요. 
뭐라고 검색해야할지도 모르겠고...

답변주시면 감사하겠습니다.