diff --git a/package.json b/package.json
index 6af745a..cdff5ca 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
     "@nuxt/module-builder": "^0.6.0",
     "@nuxt/schema": "^3.11.2",
     "@nuxt/test-utils": "^3.12.1",
+    "@tailwindcss/typography": "^0.5.13",
     "@types/node": "^20.12.11",
     "autoprefixer": "^10.4.19",
     "changelogen": "^0.5.5",
diff --git a/playground/components/nav/NavBar.vue b/playground/components/nav/NavBar.vue
index 3a690f5..23a90b8 100644
--- a/playground/components/nav/NavBar.vue
+++ b/playground/components/nav/NavBar.vue
@@ -10,7 +10,7 @@ import ContentWidthContainer from "~/components/ContentWidthContainer.vue";
           <NuxtLink href="/" class="px-4 py-2 hover:bg-gray-800"> Home </NuxtLink>
 
           <NuxtLink href="/register" class="px-4 py-2 hover:bg-gray-800"> Register </NuxtLink>
-          <NuxtLink href="/register-precog" class="px-4 py-2 hover:bg-gray-800"> Register-Precognitive </NuxtLink>
+          <NuxtLink href="/register-precog" class="px-4 py-2 hover:bg-gray-800"> Register-Precognition </NuxtLink>
         </div>
       </div>
     </ContentWidthContainer>
diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index dfa03ff..205e62d 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -1,5 +1,29 @@
 <script setup lang="ts"></script>
 
 <template>
-  <div>Home</div>
+  <div class="prose prose-invert">
+    <h1>Nuxt Precognition Example</h1>
+    <div>
+      <p>This is a playground for testing the Nuxt Precognition module.</p>
+      <p>There are two different registration form examples which you can try out:</p>
+      <p>
+        The first "Register" is a form which uses the <code>useForm</code> composable. Form data is sent to the server
+        and validated upons submission.
+      </p>
+      <p>
+        The useForm composable is used to provide some very convenient lifecycle hooks for the form, as well as nice
+        validation and error handling.
+      </p>
+
+      <NuxtLink to="/register-form">Register Form</NuxtLink>
+
+      <p>The second "Register-Precog"is a form which uses the <code>usePrecognitionForm</code> composable.</p>
+      <p>
+        In addition to the features of the <code>useForm</code> composable, the usePrecognitionForm composable also
+        provides a <code>validate</code> method which can be used to validate the form data before the form is
+        submitted. This method is called on the @change hook of the inputs to validate as the user is entering data.
+      </p>
+      <NuxtLink to="/register-precog">Register Precognition</NuxtLink>
+    </div>
+  </div>
 </template>
diff --git a/playground/tailwind.config.js b/playground/tailwind.config.js
index 6704307..8ba916f 100644
--- a/playground/tailwind.config.js
+++ b/playground/tailwind.config.js
@@ -12,5 +12,5 @@ export default {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [require("@tailwindcss/typography")],
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 81d8328..b3459e3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,6 +33,9 @@ importers:
       '@nuxt/test-utils':
         specifier: ^3.12.1
         version: 3.13.1(h3@1.11.1)(nitropack@2.9.6(@opentelemetry/api@1.8.0)(encoding@0.1.13))(rollup@4.18.0)(vite@5.2.12(@types/node@20.12.13)(terser@5.31.0))(vitest@1.6.0(@types/node@20.12.13)(terser@5.31.0))(vue-router@4.3.2(vue@3.4.27(typescript@5.4.5)))(vue@3.4.27(typescript@5.4.5))
+      '@tailwindcss/typography':
+        specifier: ^0.5.13
+        version: 0.5.13(tailwindcss@3.4.4)
       '@types/node':
         specifier: ^20.12.11
         version: 20.12.13
@@ -1189,6 +1192,11 @@ packages:
     peerDependencies:
       eslint: '>=8.40.0'
 
+  '@tailwindcss/typography@0.5.13':
+    resolution: {integrity: sha512-ADGcJ8dX21dVVHIwTRgzrcunY6YY9uSlAHHGVKvkA+vLc5qLwEszvKts40lx7z0qc4clpjclwLeK5rVCV2P/uw==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders'
+
   '@trysound/sax@0.2.0':
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
@@ -3014,12 +3022,18 @@ packages:
   lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
 
+  lodash.castarray@4.4.0:
+    resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
+
   lodash.defaults@4.2.0:
     resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
 
   lodash.isarguments@3.1.0:
     resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
 
+  lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
   lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
 
@@ -3883,6 +3897,10 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
+  postcss-selector-parser@6.0.10:
+    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+    engines: {node: '>=4'}
+
   postcss-selector-parser@6.1.0:
     resolution: {integrity: sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==}
     engines: {node: '>=4'}
@@ -6326,6 +6344,14 @@ snapshots:
       - supports-color
       - typescript
 
+  '@tailwindcss/typography@0.5.13(tailwindcss@3.4.4)':
+    dependencies:
+      lodash.castarray: 4.4.0
+      lodash.isplainobject: 4.0.6
+      lodash.merge: 4.6.2
+      postcss-selector-parser: 6.0.10
+      tailwindcss: 3.4.4
+
   '@trysound/sax@0.2.0': {}
 
   '@tufjs/canonical-json@2.0.0': {}
@@ -8500,10 +8526,14 @@ snapshots:
 
   lodash-es@4.17.21: {}
 
+  lodash.castarray@4.4.0: {}
+
   lodash.defaults@4.2.0: {}
 
   lodash.isarguments@3.1.0: {}
 
+  lodash.isplainobject@4.0.6: {}
+
   lodash.memoize@4.1.2: {}
 
   lodash.merge@4.6.2: {}
@@ -9534,6 +9564,11 @@ snapshots:
       postcss: 8.4.38
       postcss-value-parser: 4.2.0
 
+  postcss-selector-parser@6.0.10:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   postcss-selector-parser@6.1.0:
     dependencies:
       cssesc: 3.0.0