<template>
  <div
    class="bg-white dark:bg-gray-900 rounded-xl shadow-sm border border-gray-200 dark:border-gray-800 p-8"
  >
    <h2 class="text-2xl font-bold mb-4">About</h2>
    <p class="text-gray-600 dark:text-gray-400">
      This scaffold aims to provide a fast, offline-capable starting point for modern Vue
      applications.
    </p>
    <ul class="mt-6 space-y-2 list-disc list-inside text-gray-600 dark:text-gray-400">
      <li>Vue 3 Composition API</li>
      <li>Vite for fast builds</li>
      <li>Tailwind CSS pre-configured</li>
      <li>TypeScript support</li>
      <li>Vue Router for SPA routing</li>
      <li>Pinia for state management</li>
      <li>Dark mode composable included</li>
    </ul>
  </div>
</template>
