nuxt-og-image 5.1.12 → 6.0.0-beta.1

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

@@ -1,103 +0,0 @@
-<script setup>
-import { useOgImageRuntimeConfig } from "#og-image/app/utils";
-import { useSiteConfig } from "#site-config/app/composables";
-import { computed, defineComponent, h, resolveComponent } from "vue";
-const props = defineProps({
-  colorMode: { type: String, required: false },
-  title: { type: String, required: false, default: "title" },
-  description: { type: String, required: false },
-  icon: { type: [String, Boolean], required: false },
-  siteName: { type: String, required: false },
-  siteLogo: { type: String, required: false },
-  theme: { type: String, required: false, default: "#00dc82" }
-});
-const HexRegex = /^#(?:[0-9a-f]{3}){1,2}$/i;
-const runtimeConfig = useOgImageRuntimeConfig();
-const colorMode = computed(() => {
-  return props.colorMode || runtimeConfig.colorPreference || "light";
-});
-const themeHex = computed(() => {
-  if (HexRegex.test(props.theme))
-    return props.theme;
-  if (HexRegex.test(`#${props.theme}`))
-    return `#${props.theme}`;
-  if (props.theme.startsWith("rgb")) {
-    const rgb = props.theme.replace("rgb(", "").replace("rgba(", "").replace(")", "").split(",").map((v) => Number.parseInt(v.trim(), 10));
-    const hex = rgb.map((v) => {
-      const hex2 = v.toString(16);
-      return hex2.length === 1 ? `0${hex2}` : hex2;
-    }).join("");
-    return `#${hex}`;
-  }
-  return "#FFFFFF";
-});
-const themeRgb = computed(() => {
-  return themeHex.value.replace("#", "").match(/.{1,2}/g)?.map((v) => Number.parseInt(v, 16)).join(", ");
-});
-const siteConfig = useSiteConfig();
-const siteName = computed(() => {
-  return props.siteName || siteConfig.name;
-});
-const siteLogo = computed(() => {
-  return props.siteLogo || siteConfig.logo;
-});
-const IconComponent = runtimeConfig.hasNuxtIcon ? resolveComponent("Icon") : defineComponent({
-  render() {
-    return h("div", "missing @nuxt/icon");
-  }
-});
-if (typeof props.icon === "string" && !runtimeConfig.hasNuxtIcon && process.dev) {
-  console.warn("Please install `@nuxt/icon` to use icons with the fallback OG Image component.");
-  console.log("\nnpx nuxi module add icon\n");
-}
-</script>
-
-<template>
-  <div
-    class="w-full h-full flex justify-between relative p-[60px]"
-    :class="[
-  colorMode === 'light' ? ['bg-white', 'text-gray-900'] : ['bg-gray-900', 'text-white']
-]"
-  >
-    <div
-      class="flex absolute top-0 right-[-100%]" :style="{
-  width: '200%',
-  height: '200%',
-  backgroundImage: `radial-gradient(circle, rgba(${themeRgb}, 0.5) 0%,  ${colorMode === 'dark' ? 'rgba(5, 5, 5,0.3)' : 'rgba(255, 255, 255, 0.7)'} 50%, ${props.colorMode === 'dark' ? 'rgba(5, 5, 5,0)' : 'rgba(255, 255, 255, 0)'} 70%)`
-}"
-    />
-    <div class="h-full w-full justify-between relative">
-      <div class="flex flex-row justify-between items-start">
-        <div class="flex flex-col w-full max-w-[65%]">
-          <h1 class="m-0 font-bold mb-[30px] text-[75px]" style="display: block; text-overflow: ellipsis;" :style="{ lineClamp: description ? 2 : 3 }">
-            {{ title }}
-          </h1>
-          <p
-            v-if="description"
-            class="text-[35px] leading-12"
-            :class="[
-  colorMode === 'light' ? ['text-gray-700'] : ['text-gray-300']
-]"
-            style="display: block; line-clamp: 3; text-overflow: ellipsis;"
-          >
-            {{ description }}
-          </p>
-        </div>
-        <div v-if="Boolean(icon)" style="width: 30%;" class="flex justify-end">
-          <IconComponent :name="icon" size="250px" style="margin: 0 auto; opacity: 0.7;" />
-        </div>
-      </div>
-      <div class="flex flex-row justify-center items-center text-left w-full">
-        <img v-if="siteLogo" :src="siteLogo" height="30">
-        <template v-else>
-          <svg height="50" width="50" class="mr-3" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-            <path :fill="theme.includes('#') ? theme : `#${theme}`" d="M62.3,-53.9C74.4,-34.5,73.5,-9,67.1,13.8C60.6,36.5,48.7,56.5,30.7,66.1C12.7,75.7,-11.4,74.8,-31.6,65.2C-51.8,55.7,-67.9,37.4,-73.8,15.7C-79.6,-6,-75.1,-31.2,-61.1,-51C-47.1,-70.9,-23.6,-85.4,0.8,-86C25.1,-86.7,50.2,-73.4,62.3,-53.9Z" transform="translate(100 100)" />
-          </svg>
-          <p v-if="siteName" style="font-size: 25px;" class="font-bold">
-            {{ siteName }}
-          </p>
-        </template>
-      </div>
-    </div>
-  </div>
-</template>

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

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    colorMode?: 'dark' | 'light';
-    title?: string;
-    description?: string;
-    icon?: string | boolean;
-    siteName?: string;
-    siteLogo?: string;
-    theme?: 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;
-    theme: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,12 +0,0 @@
-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/Pergel.vue.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,27 +0,0 @@
-<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

@@ -1,9 +0,0 @@
-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/Wave.d.vue.ts

@@ -1,11 +0,0 @@
-/**
- * @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

@@ -1,28 +0,0 @@
-<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

@@ -1,11 +0,0 @@
-/**
- * @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

@@ -1,13 +0,0 @@
-/**
- * @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

@@ -1,21 +0,0 @@
-<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

@@ -1,13 +0,0 @@
-/**
- * @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;