blog mvp completed

app/app.config.ts

@@ -25,6 +25,45 @@ export default defineAppConfig({
           }
         }
       }
+    },
+    // Prose component customization for blog content
+    prose: {
+      h1: {
+        class: 'text-4xl font-bold mb-6 mt-8 text-gray-900 dark:text-gray-100'
+      },
+      h2: {
+        class: 'text-3xl font-semibold mb-4 mt-8 text-gray-900 dark:text-gray-100'
+      },
+      h3: {
+        class: 'text-2xl font-semibold mb-3 mt-6 text-gray-900 dark:text-gray-100'
+      },
+      h4: {
+        class: 'text-xl font-semibold mb-2 mt-4 text-gray-900 dark:text-gray-100'
+      },
+      p: {
+        class: 'mb-4 leading-7 text-gray-700 dark:text-gray-300'
+      },
+      a: {
+        class: 'text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 underline underline-offset-2 transition-colors'
+      },
+      code: {
+        class: 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100 px-1.5 py-0.5 rounded text-sm font-mono'
+      },
+      img: {
+        class: 'rounded-lg my-6 w-full'
+      },
+      ul: {
+        class: 'mb-4 list-disc list-inside space-y-2 text-gray-700 dark:text-gray-300'
+      },
+      ol: {
+        class: 'mb-4 list-decimal list-inside space-y-2 text-gray-700 dark:text-gray-300'
+      },
+      li: {
+        class: 'leading-7'
+      },
+      blockquote: {
+        class: 'border-l-4 border-primary-500 pl-4 italic my-6 text-gray-700 dark:text-gray-300'
+      }
     }
   } as any,
   repoUrl: "https://github.com/aliarghyani/vue-cursor-rules",