<template>
  <NuxtExampleLayout show-tips example="nuxt-link" class="example">
    <NuxtPage />
    <template #tips>
      <p>
        This example shows different ways to use <code>Nuxtlink</code>.
        <code>components/myNuxtLink.js</code> defines a custom <code>NuxtLink</code>.
      </p>
    </template>
  </NuxtExampleLayout>
</template>

<style>
.example a {
  font-family: Arial, Helvetica, sans-serif;
  padding: 1rem 10rem;
  display: block;
}
</style>
