nuxt-og-image 5.1.10 → 5.1.12

package/dist/runtime/app/components/Templates/Community/Pergel.vue

@@ -0,0 +1,98 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  title: { type: String, required: false, default: "title" },
+  description: { type: String, required: false, default: "description" },
+  headline: { type: String, required: false, default: "headline" }
+});
+const title = computed(() => props.title.slice(0, 60));
+</script>
+
+<template>
+  <div class="w-full h-full flex flex-col justify-center bg-[#212121]">
+    <svg class="absolute top-0 right-0" width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g style="mix-blend-mode:overlay" opacity="0.7" filter="url(#filter0_f_448_25)">
+        <circle cx="901.5" cy="45.5" r="199.5" fill="#FFA7A7" />
+        <circle cx="600.5" cy="216.5" r="199.5" fill="#FFCC49" />
+        <circle cx="179.5" cy="317.5" r="199.5" fill="#FFA149" />
+      </g>
+      <defs>
+        <filter id="filter0_f_448_25" x="-240" y="-374" width="1561" height="1111" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur stdDeviation="110" result="effect1_foregroundBlur_448_25" />
+        </filter>
+      </defs>
+    </svg>
+
+    <div class="w-[600px] pl-[100px]">
+      <p v-if="headline" class="uppercase text-[24px] text-[#FEC476] mb-4 font-semibold">
+        {{ headline }}
+      </p>
+      <h1 class="w-[600px] m-0 text-[75px] font-semibold mb-4 text-white" style="display: block; line-clamp: 2; text-overflow: ellipsis;">
+        {{ title }}
+      </h1>
+      <p class="text-[32px] text-[#E4E4E7] leading-tight" style="display: block; line-clamp: 3; text-overflow: ellipsis;">
+        {{ description }}
+      </p>
+    </div>
+
+    <svg class="absolute top-[250px] right-[190px]" width="241" height="184" viewBox="0 0 241 184" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g filter="url(#filter0_ddd_563_6)">
+        <path d="M204.852 126.822C204.852 127.098 204.677 128.114 202.583 129.748C200.551 131.335 197.276 133.034 192.613 134.687C183.325 137.979 169.872 140.62 153.875 142.19C137.92 143.755 120.334 144.166 103.363 143.367C86.3776 142.566 70.8801 140.594 58.8213 137.738C52.7901 136.31 47.8449 134.713 44.0617 133.037C40.1988 131.325 37.891 129.679 36.7621 128.335C36.2309 127.702 36.0703 127.267 36.0227 127.035C35.9829 126.842 35.9842 126.629 36.1192 126.305C36.459 125.488 37.6413 124.038 40.7165 122.28C46.7614 118.823 57.5073 115.641 71.9244 113.359C86.2251 111.096 103.109 109.879 120.426 109.879" stroke="url(#paint0_angular_563_6)" stroke-width="8" />
+      </g>
+      <g clip-path="url(#clip0_563_6)">
+        <g filter="url(#filter1_i_563_6)">
+          <path d="M211.514 112.29L209.41 124.066L200.573 115.781L182.897 61.0337C186.772 60.5223 190.442 59.2291 193.777 57.2455L211.514 112.29ZM196.523 35.7822C195.733 40.2018 193.22 44.1268 189.537 46.6936C185.853 49.2604 181.301 50.2588 176.881 49.4691L174.437 49.0324L131.693 103.474L120.534 108.187L122.638 96.4106L165.598 41.721C160.708 33.7969 163.149 23.3421 171.139 18.407C174.615 16.2766 178.781 15.416 182.836 16.1405L184.821 5.03095C186.294 5.29416 187.603 6.13183 188.458 7.35968C189.314 8.58752 189.647 10.105 189.383 11.5782L188.212 18.1328C194.461 21.6568 197.783 28.7276 196.523 35.7822ZM185.413 33.7973C185.677 32.3241 185.344 30.8066 184.488 29.5788C183.633 28.3509 182.324 27.5133 180.851 27.25C179.378 26.9868 177.861 27.3196 176.633 28.1752C175.405 29.0308 174.567 30.3391 174.304 31.8123C174.041 33.2856 174.374 34.803 175.229 36.0308C176.085 37.2587 177.393 38.0964 178.866 38.3596C180.339 38.6228 181.857 38.29 183.085 37.4344C184.313 36.5788 185.15 35.2705 185.413 33.7973Z" fill="url(#paint1_diamond_563_6)" />
+        </g>
+      </g>
+      <defs>
+        <filter id="filter0_ddd_563_6" x="-3.8147e-05" y="77.8786" width="240.852" height="105.886" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+          <feOffset dy="3.62319" />
+          <feGaussianBlur stdDeviation="7.24638" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.667391 0 0 0 0 0.3625 0 0 0 0.75 0" />
+          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_563_6" />
+          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+          <feOffset dy="4" />
+          <feGaussianBlur stdDeviation="16" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.854792 0 0 0 0 0.4875 0 0 0 0.25 0" />
+          <feBlend mode="normal" in2="effect1_dropShadow_563_6" result="effect2_dropShadow_563_6" />
+          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+          <feOffset dy="4" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+          <feBlend mode="normal" in2="effect2_dropShadow_563_6" result="effect3_dropShadow_563_6" />
+          <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_563_6" result="shape" />
+        </filter>
+        <filter id="filter1_i_563_6" x="120.534" y="5.03094" width="94.9804" height="123.035" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+          <feOffset dx="7" dy="5" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+          <feBlend mode="normal" in2="shape" result="effect1_innerShadow_563_6" />
+        </filter>
+        <radialGradient id="paint0_angular_563_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(120.426 126.822) rotate(90) scale(20.943 88.4261)">
+          <stop offset="0.0677083" stop-color="#FFE092" />
+          <stop offset="0.333333" stop-color="#FFD792" />
+          <stop offset="0.666667" stop-color="#FFD192" />
+          <stop offset="1" stop-color="#FFAC5F" />
+        </radialGradient>
+        <radialGradient id="paint1_diamond_563_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(303.899 145.741) rotate(-155.036) scale(253.361 239.508)">
+          <stop offset="0.333674" stop-color="#FEC479" />
+          <stop offset="1" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <clipPath id="clip0_563_6">
+          <rect width="135.426" height="135.426" fill="white" transform="translate(96.5743)" />
+        </clipPath>
+      </defs>
+    </svg>
+  </div>
+</template>

package/dist/runtime/app/components/Templates/Community/Pergel.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    headline?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    description: string;
+    headline: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/SimpleBlog.d.vue.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    title?: string;
+    website?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/SimpleBlog.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { useSiteConfig } from "#site-config/app/composables";
+import { parseURL } from "ufo";
+import { computed } from "vue";
+const props = defineProps({
+  title: { type: String, required: false, default: "title" },
+  website: { type: String, required: false }
+});
+const website = computed(() => {
+  return props.website || parseURL(useSiteConfig().url).host;
+});
+</script>
+
+<template>
+  <div class="h-full w-full flex items-start justify-start border-solid border-blue-500 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" style="display: block; line-clamp: 2; text-overflow: ellipsis;">
+          {{ title }}
+        </h1>
+        <p class="text-2xl pb-10 px-20 font-bold mb-0" style="display: block; line-clamp: 3; text-overflow: ellipsis;">
+          {{ website }}
+        </p>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/app/components/Templates/Community/SimpleBlog.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    title?: string;
+    website?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/UnJs.d.vue.ts

@@ -0,0 +1,21 @@
+/**
+ * @credits UnJS <https://unjs.io/>
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    emoji?: string;
+    downloads?: string | number;
+    stars?: string | number;
+    contributors?: string | number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    description: string;
+    emoji: string;
+    downloads: string | number;
+    stars: string | number;
+    contributors: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/UnJs.vue

@@ -0,0 +1,99 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  title: { type: String, required: false, default: "unjs/h3" },
+  description: { type: String, required: false, default: "Minimal H(TTP) framework built for high performance and portability" },
+  emoji: { type: String, required: false, default: "\u26A1" },
+  downloads: { type: [String, Number], required: false, default: "2500000" },
+  stars: { type: [String, Number], required: false, default: "2400" },
+  contributors: { type: [String, Number], required: false, default: "30" }
+});
+const org = computed(() => props.title.split("/")[0]);
+const repo = computed(() => props.title.split("/")[1]);
+const stars = computed(() => {
+  return new Intl.NumberFormat("en-US", { notation: "compact", compactDisplay: "short" }).format(Number(props.stars || 0));
+});
+const downloads = computed(
+  () => new Intl.NumberFormat("en-US", { notation: "compact", compactDisplay: "short" }).format(Number(props.downloads || 0))
+);
+const description = computed(() => (props.description || "").slice(0, 200));
+</script>
+
+<template>
+  <div class="w-full h-full flex flex-col bg-white">
+    <div class="pt-[60px] pb-[70px] px-[6.75rem] h-full flex flex-col justify-between">
+      <div class="flex flex-row justify-between">
+        <div class="max-w-[700px]">
+          <h1 class="mb-[30px] max-w-[700px] text-[60px] text-gray-900 font-normal flex flex-row">
+            <p style="display: block; overflow: hidden; line-clamp: 1; text-overflow: clip;">
+              {{ org }}
+            </p>
+            <p v-if="repo" style="display: block; overflow: hidden; line-clamp: 1; text-overflow: clip;" class="ml-2">
+              /
+            </p>
+            <p v-if="repo" style="display: block; overflow: hidden; line-clamp: 1; text-overflow: clip;" class="ml-2 font-bold">
+              {{ repo }}
+            </p>
+          </h1>
+          <p class="text-gray-500 max-w-[700px] text-[35px] leading-[60px]" style="display: block; line-clamp: 3; text-overflow: ellipsis;">
+            {{ description }}
+          </p>
+        </div>
+        <div class="text-[200px]">
+          {{ emoji }}
+        </div>
+      </div>
+      <div class="flex flex-row items-center justify-between">
+        <div class="flex flex-row text-[40px]">
+          <div class="flex flex-row pr-10">
+            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m4.67 28l6.39-12l7.3 6.49a2 2 0 0 0 1.7.47a2 2 0 0 0 1.42-1.07L27 10.9l-1.82-.9l-5.49 11l-7.3-6.49a2 2 0 0 0-1.68-.51a2 2 0 0 0-1.42 1L4 25V2H2v26a2 2 0 0 0 2 2h26v-2Z" /></svg>
+            <div class="pl-2">
+              <div>{{ downloads }}</div>
+              <div class="text-lg text-gray-600">
+                Monthly Downloads
+              </div>
+            </div>
+          </div>
+          <div class="flex flex-row pr-10">
+            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m16 6.52l2.76 5.58l.46 1l1 .15l6.16.89l-4.38 4.3l-.75.73l.18 1l1.05 6.13l-5.51-2.89L16 23l-.93.49l-5.51 2.85l1-6.13l.18-1l-.74-.77l-4.42-4.35l6.16-.89l1-.15l.46-1L16 6.52M16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z" /></svg>
+            <div class="pl-2">
+              <div>{{ stars }}</div>
+              <div class="text-lg text-gray-600">
+                Stars
+              </div>
+            </div>
+          </div>
+          <div class="flex flex-row pr-10">
+            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="M22.45 6a5.47 5.47 0 0 1 3.91 1.64a5.7 5.7 0 0 1 0 8L16 26.13L5.64 15.64a5.7 5.7 0 0 1 0-8a5.48 5.48 0 0 1 7.82 0l2.54 2.6l2.53-2.58A5.44 5.44 0 0 1 22.45 6m0-2a7.47 7.47 0 0 0-5.34 2.24L16 7.36l-1.11-1.12a7.49 7.49 0 0 0-10.68 0a7.72 7.72 0 0 0 0 10.82L16 29l11.79-11.94a7.72 7.72 0 0 0 0-10.82A7.49 7.49 0 0 0 22.45 4Z" /></svg>
+            <div class="pl-2">
+              <div>{{ contributors }}</div>
+              <div class="text-lg text-gray-600">
+                Contributors
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-row">
+          <svg width="100" height="100" class="rounded-[0.25rem] w-[100px] h-[100px]" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_206_4645)">
+              <mask id="mask0_206_4645" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
+                <path d="M32 0H0V32H32V0Z" fill="white" />
+              </mask>
+              <g mask="url(#mask0_206_4645)">
+                <path d="M31.9142 32.0223C21.2766 32.0223 10.6506 32.0223 0.0246745 32.0223C0.0238272 32.0194 0.0222373 32.0166 0.0222373 32.0137C0.0221323 21.3508 0.0221329 10.688 0.0221329 0.0236816C10.6877 0.0236816 21.3534 0.0236816 32.0206 0.0236816C32.0206 10.6878 32.0206 21.3533 32.0206 32.0223C31.9901 32.0223 31.958 32.0223 31.9142 32.0223ZM26.4121 20.9345C26.361 20.8762 26.3128 20.8153 26.2585 20.7601C25.6577 20.1492 24.9011 20.0218 24.0955 20.0946C23.3969 20.1577 22.7984 20.4652 22.2811 20.9345C22.2532 20.9598 22.2227 20.9823 22.1824 21.0151C22.1824 20.9497 22.185 20.902 22.182 20.8546C22.1669 20.6225 22.0579 20.4465 21.8514 20.3407C21.649 20.2371 21.4421 20.247 21.2512 20.3689C21.0389 20.5045 20.9665 20.713 20.9667 20.958C20.9682 22.7933 20.9675 24.6286 20.9675 26.4639C20.9675 26.5784 20.9652 26.693 20.968 26.8074C20.9751 27.102 21.1313 27.3354 21.3685 27.4101C21.7847 27.5411 22.1817 27.2525 22.1823 26.8136C22.1839 25.5543 22.1836 24.2951 22.1824 23.0359C22.1821 22.6812 22.2717 22.356 22.4979 22.0791C23.025 21.434 23.7075 21.1616 24.5332 21.2556C24.9353 21.3015 25.2602 21.4881 25.4831 21.8327C25.6923 22.1561 25.7639 22.5212 25.7668 22.8971C25.7747 23.9347 25.7716 24.9724 25.7727 26.01C25.7731 26.2943 25.7683 26.5788 25.7739 26.863C25.7826 27.3076 26.2605 27.5828 26.6518 27.3716C26.9007 27.2373 26.9891 27.0176 26.9888 26.7463C26.9873 25.5683 26.9907 24.3903 26.9862 23.2123C26.9852 22.9326 26.9757 22.6511 26.9432 22.3735C26.883 21.8589 26.7401 21.3697 26.4121 20.9345ZM18.7519 20.2768C18.6788 20.282 18.6027 20.2759 18.5331 20.2944C18.2433 20.3715 18.0835 20.6019 18.0833 20.9365C18.0826 22.1367 18.0851 23.337 18.081 24.5372C18.0803 24.7357 18.07 24.9372 18.035 25.1319C17.9425 25.6461 17.6668 26.0312 17.1721 26.2263C16.6902 26.4164 16.194 26.423 15.695 26.2875C15.3165 26.1848 15.0263 25.9676 14.8367 25.6226C14.7009 25.3752 14.6347 25.1055 14.6298 24.8266C14.6199 24.2617 14.6232 23.6966 14.6226 23.1316C14.6218 22.4004 14.6236 21.6691 14.6219 20.9379C14.6211 20.5778 14.3819 20.295 14.069 20.2767C13.6814 20.254 13.4081 20.518 13.4076 20.9221C13.4063 22.1556 13.4047 23.389 13.4085 24.6225C13.4099 25.0635 13.4572 25.4984 13.6251 25.9135C13.9436 26.701 14.5379 27.1764 15.3353 27.4077C15.8372 27.5533 16.3542 27.5622 16.8722 27.5012C17.2723 27.4541 17.6549 27.3449 18.0035 27.1424C18.8265 26.6641 19.2453 25.9203 19.2718 24.9916C19.3108 23.63 19.2949 22.2667 19.2963 20.9041C19.2968 20.5622 19.0957 20.3353 18.7519 20.2768Z" fill="#ECDC5A" />
+                <path d="M26.4164 20.9411C26.7401 21.3697 26.883 21.8589 26.9432 22.3735C26.9757 22.6511 26.9852 22.9326 26.9862 23.2123C26.9907 24.3903 26.9873 25.5683 26.9888 26.7463C26.9891 27.0176 26.9007 27.2373 26.6518 27.3716C26.2605 27.5828 25.7825 27.3076 25.7739 26.863C25.7683 26.5787 25.773 26.2943 25.7728 26.01C25.7716 24.9723 25.7746 23.9347 25.7668 22.8971C25.7639 22.5212 25.6923 22.1561 25.4831 21.8327C25.2603 21.488 24.9353 21.3014 24.5332 21.2556C23.7076 21.1616 23.025 21.434 22.4979 22.0791C22.2718 22.356 22.182 22.6812 22.1824 23.0358C22.1836 24.2951 22.1839 25.5543 22.1823 26.8136C22.1817 27.2525 21.7847 27.5411 21.3686 27.4101C21.1313 27.3354 20.9751 27.102 20.968 26.8074C20.9653 26.6929 20.9676 26.5784 20.9676 26.4639C20.9676 24.6286 20.9682 22.7933 20.9667 20.9579C20.9665 20.713 21.039 20.5045 21.2512 20.3689C21.4421 20.2469 21.649 20.2371 21.8513 20.3407C22.0578 20.4465 22.1669 20.6224 22.182 20.8546C22.185 20.9019 22.1824 20.9497 22.1824 21.015C22.2227 20.9823 22.2532 20.9598 22.2811 20.9344C22.7984 20.4652 23.3969 20.1577 24.0955 20.0946C24.901 20.0218 25.6577 20.1492 26.2585 20.7601C26.3127 20.8153 26.361 20.8762 26.4164 20.9411Z" fill="#111827" />
+                <path d="M18.7618 20.2773C19.0957 20.3354 19.2968 20.5622 19.2963 20.9041C19.2949 22.2667 19.3108 23.63 19.2718 24.9916C19.2453 25.9204 18.8265 26.6641 18.0035 27.1424C17.6549 27.345 17.2723 27.4542 16.8722 27.5012C16.3542 27.5622 15.8372 27.5534 15.3353 27.4078C14.5379 27.1764 13.9436 26.701 13.6251 25.9135C13.4572 25.4984 13.4099 25.0635 13.4085 24.6225C13.4047 23.3891 13.4063 22.1556 13.4076 20.9221C13.4081 20.518 13.6814 20.2541 14.069 20.2767C14.3819 20.2951 14.6211 20.5779 14.6219 20.938C14.6236 21.6692 14.6218 22.4004 14.6226 23.1316C14.6232 23.6966 14.6199 24.2618 14.6298 24.8266C14.6347 25.1055 14.7009 25.3753 14.8367 25.6226C15.0263 25.9677 15.3165 26.1848 15.695 26.2876C16.1939 26.423 16.6902 26.4164 17.1721 26.2263C17.6668 26.0313 17.9425 25.6461 18.035 25.132C18.07 24.9372 18.0803 24.7358 18.081 24.5373C18.0851 23.337 18.0826 22.1368 18.0833 20.9366C18.0835 20.602 18.2433 20.3715 18.5331 20.2944C18.6027 20.2759 18.6788 20.282 18.7618 20.2773Z" fill="#111827" />
+              </g>
+            </g>
+            <defs>
+              <clipPath id="clip0_206_4645">
+                <rect width="32" height="32" rx="2" fill="white" />
+              </clipPath>
+            </defs>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div class="absolute bottom-0 w-full h-8 bg-[#ECDC5A]" />
+  </div>
+</template>

package/dist/runtime/app/components/Templates/Community/UnJs.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @credits UnJS <https://unjs.io/>
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    emoji?: string;
+    downloads?: string | number;
+    stars?: string | number;
+    contributors?: string | number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    description: string;
+    emoji: string;
+    downloads: string | number;
+    stars: string | number;
+    contributors: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/Wave.d.vue.ts

@@ -0,0 +1,11 @@
+/**
+ * @credits Full Stack Heroes <https://fullstackheroes.com/>
+ */
+type __VLS_Props = {
+    title?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/Wave.vue

@@ -0,0 +1,28 @@
+<script setup>
+defineProps({
+  title: { type: String, required: false, default: "title" }
+});
+</script>
+
+<template>
+  <div class="h-full w-full flex items-start justify-start bg-yellow-50 relative">
+    <h1 class="text-7xl p-20 font-bold text-left text-gray-900" style="display: block; line-clamp: 2; text-overflow: ellipsis;">
+      {{ title }}
+    </h1>
+
+    <svg
+      class="absolute bottom-0 left-0 right-0"
+      viewBox="0 0 1200 627"
+      width="1200"
+      height="627"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 513L28.5 509.8C57 506.7 114 500.3 171.2 484.5C228.3 468.7 285.7 443.3 342.8 435C400 426.7 457 435.3 514.2 447.3C571.3 459.3 628.7 474.7 685.8 490.7C743 506.7 800 523.3 857.2 522.5C914.3 521.7 971.7 503.3 1028.8 491.8C1086 480.3 1143 475.7 1171.5 473.3L1200 471L1200 628L1171.5 628C1143 628 1086 628 1028.8 628C971.7 628 914.3 628 857.2 628C800 628 743 628 685.8 628C628.7 628 571.3 628 514.2 628C457 628 400 628 342.8 628C285.7 628 228.3 628 171.2 628C114 628 57 628 28.5 628L0 628Z"
+        fill="#fbbf24"
+        strokeLinecap="round"
+        strokeLinejoin="miter"
+      />
+    </svg>
+  </div>
+</template>

package/dist/runtime/app/components/Templates/Community/Wave.vue.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @credits Full Stack Heroes <https://fullstackheroes.com/>
+ */
+type __VLS_Props = {
+    title?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/WithEmoji.d.vue.ts

@@ -0,0 +1,13 @@
+/**
+ * @credits Full Stack Heroes <https://fullstackheroes.com/>
+ */
+type __VLS_Props = {
+    emoji?: string;
+    title?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    emoji: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Templates/Community/WithEmoji.vue

@@ -0,0 +1,21 @@
+<script setup>
+defineProps({
+  emoji: { type: String, required: false, default: "\u{1F44B}" },
+  title: { type: String, required: false, default: "title" }
+});
+</script>
+
+<template>
+  <div class="h-full w-full flex items-start justify-start bg-sky-50">
+    <div class="flex items-start justify-start h-full">
+      <div class="flex flex-col justify-center items-center px-20 w-full h-full text-center">
+        <p class="text-[120px] mx-auto text-center font-bold mb-0">
+          {{ emoji }}
+        </p>
+        <h1 class="text-[60px] font-bold" style="display: block; line-clamp: 2; text-overflow: ellipsis;">
+          {{ title }}
+        </h1>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/app/components/Templates/Community/WithEmoji.vue.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @credits Full Stack Heroes <https://fullstackheroes.com/>
+ */
+type __VLS_Props = {
+    emoji?: string;
+    title?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    emoji: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/composables/defineOgImage.d.ts

@@ -0,0 +1,2 @@
+import type { DefineOgImageInput } from '../../types.js';
+export declare function defineOgImage(_options?: DefineOgImageInput): void;

package/dist/runtime/app/composables/defineOgImage.js

@@ -0,0 +1,43 @@
+import { appendHeader } from "h3";
+import { createError, useNuxtApp, useRequestEvent, useRoute, useState } from "nuxt/app";
+import { ref, toValue } from "vue";
+import { createOgImageMeta, getOgImagePath, setHeadOgImagePrebuilt, useOgImageRuntimeConfig } from "../utils.js";
+export function defineOgImage(_options = {}) {
+  const nuxtApp = useNuxtApp();
+  const route = useRoute();
+  const basePath = route.path || "/";
+  if (nuxtApp.payload.path === basePath) {
+    const state = import.meta.dev ? useState(`og-image:ssr-exists:${basePath}`, () => false) : ref(false);
+    if (import.meta.dev && !import.meta.server) {
+      if (!state.value) {
+        throw createError({ message: "You are using a defineOgImage() function in a client-only context. You must call this function within your root component setup, see https://github.com/nuxt-modules/og-image/pull/293." });
+      }
+      return;
+    }
+    state.value = true;
+  }
+  if (!import.meta.server) {
+    return;
+  }
+  const { defaults } = useOgImageRuntimeConfig();
+  const options = toValue(_options);
+  if (options === false) {
+    return;
+  }
+  const validOptions = options;
+  for (const key in defaults) {
+    if (validOptions[key] === void 0)
+      validOptions[key] = defaults[key];
+  }
+  if (route.query)
+    validOptions._query = route.query;
+  if (validOptions.url) {
+    setHeadOgImagePrebuilt(validOptions);
+    return;
+  }
+  const path = getOgImagePath(basePath, validOptions);
+  if (import.meta.prerender) {
+    appendHeader(useRequestEvent(nuxtApp), "x-nitro-prerender", path);
+  }
+  createOgImageMeta(path, validOptions, nuxtApp.ssrContext);
+}

package/dist/runtime/app/composables/defineOgImageComponent.d.ts

@@ -0,0 +1,3 @@
+import type { OgImageComponents } from '#og-image/components';
+import type { ExtractComponentProps, OgImageOptions } from '../../types.js';
+export declare function defineOgImageComponent<T extends keyof OgImageComponents>(component: T, props?: Partial<ExtractComponentProps<OgImageComponents[T]>>, options?: OgImageOptions): void;

package/dist/runtime/app/composables/defineOgImageComponent.js

@@ -0,0 +1,8 @@
+import { defineOgImage } from "./defineOgImage.js";
+export function defineOgImageComponent(component, props = {}, options = {}) {
+  return defineOgImage({
+    ...options,
+    component,
+    props
+  });
+}

package/dist/runtime/app/composables/defineOgImageScreenshot.d.ts

@@ -0,0 +1,2 @@
+import type { OgImagePageScreenshotOptions } from '../../types.js';
+export declare function defineOgImageScreenshot(options?: OgImagePageScreenshotOptions): void;

package/dist/runtime/app/composables/defineOgImageScreenshot.js

@@ -0,0 +1,14 @@
+import { useRouter } from "#app";
+import { defineOgImage } from "./defineOgImage.js";
+export function defineOgImageScreenshot(options = {}) {
+  const router = useRouter();
+  const route = router.currentRoute.value?.path || "/";
+  return defineOgImage({
+    alt: `Web page screenshot${route ? ` of ${route}` : ""}.`,
+    renderer: "chromium",
+    extension: "jpeg",
+    component: "PageScreenshot",
+    // this is an alias
+    ...options
+  });
+}

package/dist/runtime/app/composables/mock.d.ts

@@ -0,0 +1,5 @@
+import type { OgImageComponents } from '#og-image/components';
+import type { DefineOgImageInput, ExtractComponentProps, OgImageOptions, OgImagePageScreenshotOptions } from '../../types.js';
+export declare function defineOgImage(_options?: DefineOgImageInput): void;
+export declare function defineOgImageComponent<T extends keyof OgImageComponents>(component: T, props?: Partial<ExtractComponentProps<OgImageComponents[T]>>, options?: OgImageOptions): void;
+export declare function defineOgImageScreenshot(options?: OgImagePageScreenshotOptions): void;

package/dist/runtime/app/composables/mock.js

@@ -0,0 +1,20 @@
+import { useRuntimeConfig } from "nuxt/app";
+export function defineOgImage(_options = {}) {
+  if (import.meta.dev) {
+    console.warn("`defineOgImage()` is skipped as the OG Image module is not enabled.");
+  }
+}
+export function defineOgImageComponent(component, props = {}, options = {}) {
+  if (import.meta.dev) {
+    console.warn("`defineOgImageComponent()` is skipped as the OG Image module is not enabled.");
+  }
+}
+export function defineOgImageScreenshot(options = {}) {
+  if (import.meta.dev) {
+    if (useRuntimeConfig()["nuxt-og-image"]) {
+      console.warn("`defineOgImageScreenshot()` is skipped as the `chromium` compatibility is disabled.");
+    } else {
+      console.warn("`defineOgImageScreenshot()` is skipped as the OG Image module is not enabled.");
+    }
+  }
+}

package/dist/runtime/app/plugins/__zero-runtime/og-image-canonical-urls.server.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/app/plugins/__zero-runtime/og-image-canonical-urls.server.js

@@ -0,0 +1,9 @@
+import { defineNuxtPlugin } from "#app";
+import { ogImageCanonicalUrls as setup } from "../../utils/plugins.js";
+export default defineNuxtPlugin({
+  setup(nuxtApp) {
+    if (import.meta.dev || import.meta.prerender) {
+      setup(nuxtApp);
+    }
+  }
+});

package/dist/runtime/app/plugins/__zero-runtime/route-rule-og-image.server.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/app/plugins/__zero-runtime/route-rule-og-image.server.js

@@ -0,0 +1,9 @@
+import { defineNuxtPlugin } from "#app";
+import { routeRuleOgImage as setup } from "../../utils/plugins.js";
+export default defineNuxtPlugin({
+  setup(nuxtApp) {
+    if (import.meta.dev || import.meta.prerender) {
+      setup(nuxtApp);
+    }
+  }
+});

package/dist/runtime/app/plugins/og-image-canonical-urls.server.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/app/plugins/og-image-canonical-urls.server.js

@@ -0,0 +1,7 @@
+import { defineNuxtPlugin } from "#app";
+import { ogImageCanonicalUrls as setup } from "../utils/plugins.js";
+export default defineNuxtPlugin({
+  setup(nuxtApp) {
+    setup(nuxtApp);
+  }
+});

package/dist/runtime/app/plugins/route-rule-og-image.server.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/app/plugins/route-rule-og-image.server.js

@@ -0,0 +1,7 @@
+import { defineNuxtPlugin } from "#app";
+import { routeRuleOgImage as setup } from "../utils/plugins.js";
+export default defineNuxtPlugin({
+  setup(nuxtApp) {
+    setup(nuxtApp);
+  }
+});

package/dist/runtime/app/utils/plugins.d.ts

@@ -0,0 +1,3 @@
+import type { NuxtSSRContext } from '#app/nuxt';
+export declare function ogImageCanonicalUrls(nuxtApp: NuxtSSRContext['nuxt']): void;
+export declare function routeRuleOgImage(nuxtApp: NuxtSSRContext['nuxt']): void;