Vueのコードをpugに変更したい

Question

前提・実現したいこと

Vueのコードをpugに書き換えています。
pugの書き方ついて間違っているところを教えて欲しいです。

発生している問題・エラーメッセージ

Error: /app/client/src/components/organisms/CardList.vue:5:23
    3|   ul
    4|     li(v-for="(product, index) in products",:key="index")
  > 5|       router-link(:to="{
-----------------------------^
    6|           name: 'ItemDetail',
    7|           params: { title: product.title, productInfo: product },
    8|         }")

該当のソースコード

<template lang="pug">
  div
    ul
      li(v-for="(product, index) in products",:key="index")
        router-link(:to="{
            name: 'ItemDetail',
            params: { title: product.title, productInfo: product },
          }")
          Card(:productInfo="product")
</template>

試したこと

pugにする前のコードは以下のようになっています

<template>
  <div>
    <ul>
      <li v-for="(product, index) in products" :key="index">
        <router-link
          :to="{
            name: 'ItemDetail',
            params: { title: product.title, productInfo: product },
          }"
        >
          <Card :productInfo="product" />
        </router-link>
      </li>
    </ul>
  </div>
</template>