<template>
  <div class="p-8">
    <h1 class="text-3xl font-bold text-blue-600">Minimal Test Page</h1>
    <p class="mt-4">If you can see this, basic routing and Vue are working!</p>
    
    <div class="mt-6 p-4 bg-green-50 border border-green-200 rounded">
      <p>✅ Vue template rendering: Working</p>
      <p>✅ Tailwind CSS: Working</p>
      <p>✅ Nuxt routing: Working</p>
    </div>

    <div class="mt-4">
      <button 
        @click="counter++" 
        class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
        Counter: {{ counter }}
      </button>
    </div>
  </div>
</template>

<script setup>
const counter = ref(0);
</script>