come graph

app/components/OgImage/Default.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+withDefaults(defineProps<{
+    title?: string
+    borderColor?: string
+}>(), {
+    title: 'title',
+    borderColor: 'blue-500'
+})
+</script>
+
+<template>
+    <div :class="[`border-${borderColor}`]" class="h-full w-full flex items-start justify-start border-solid border-[12px] bg-gray-50">
+        <div class="flex items-start justify-start h-full">
+            <div class="flex flex-col justify-between w-full h-full">
+                <h1 class="text-[80px] p-20 font-black text-left">
+                    {{ title }}
+                </h1>
+                <p class="text-2xl pb-10 px-20 font-bold mb-0">
+                    mycoolsite.com
+                </p>
+            </div>
+        </div>
+    </div>
+</template>