Add About

pages/about.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: false,
+});
+</script>
+
+<template>
+  <div id="about">
+    <NuxtLink to="/">← Go to demo</NuxtLink>
+    <h1>About React Router Contacts</h1>
+
+    <div>
+      <p>
+        This is a demo application showing off some of the
+        powerful features of React Router, including
+        dynamic routing, nested routes, loaders, actions,
+        and more.
+      </p>
+
+      <h2>Features</h2>
+      <p>
+        Explore the demo to see how React Router handles:
+      </p>
+      <ul>
+        <li>
+          Data loading and mutations with loaders and
+          actions
+        </li>
+        <li>
+          Nested routing with parent/child relationships
+        </li>
+        <li>URL-based routing with dynamic segments</li>
+        <li>Pending and optimistic UI</li>
+      </ul>
+
+      <h2>Learn More</h2>
+      <p>
+        Check out the official documentation at{{ " " }}
+        <a href="https://reactrouter.com">
+          reactrouter.com
+        </a>{{ " " }}
+        to learn more about building great web
+        applications with React Router.
+      </p>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>