<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdn.jsdelivr.net/npm/petite-vue" defer init></script>
    <script type="module" src="/styles.ts"></script>
  </head>
  <body v-scope='{{ data }}'>
    <div class="container mx-auto pt-10">
      <h1 class="text-4xl mb-8">Nuxt Templates</h1>
      <ul>
        <li v-for="name in templateNames.filter(name => !name.includes('.json'))">
          <a :href="`/templates/${name}`" class="block border p-4 mb-2 hover:border-black">{{ name }}</a>
        </li>
      </ul>
    </div>
  </body>
</html>
