import Link, { prefetch } from '../components/link'

// we just render a list of 3 articles having 2 with prefetched data
export default () => (
  <main>
    <h1>Next.js - with data prefetch example</h1>
    <ul>
      <li>
        <Link href='/article?id=1' prefetch withData>
          <a>Article 1</a>
        </Link>
      </li>
      <li>
        <Link href='/article?id=2' prefetch>
          <a>Article 2</a>
        </Link>
      </li>
      <li>
        <Link href='/article?id=3' >
          <a onMouseOver={e => prefetch('/article?id=3')} >Article 3</a>
        </Link>
      </li>
    </ul>
  </main>
)