@baybreezy/docd 0.1.5 → 0.1.7

package/app/components/OgImage/Docs.takumi.vue

@@ -25,6 +25,14 @@
       </p>
 
       <div v-if="logoSvg" class="absolute bottom-7 left-7 size-10" v-html="logoSvg" />
+      <img
+        v-else-if="logoImgUrl"
+        class="absolute bottom-7 left-7"
+        :src="logoImgUrl"
+        width="40"
+        height="40"
+        style="object-fit: contain"
+      />
     </div>
   </div>
 </template>
@@ -38,8 +46,17 @@
 
   const { darkLogo, lightLogo } = useDocd();
   const logoPath = darkLogo.value || lightLogo.value;
+  const isSvg = logoPath?.toLowerCase().endsWith(".svg") ?? false;
 
-  const logoSvg = await fetchLogoSvg(logoPath);
+  const logoSvg = isSvg ? await fetchLogoSvg(logoPath) : "";
+  const logoImgUrl = !isSvg ? resolveLogoUrl(logoPath) : "";
+
+  function resolveLogoUrl(path?: string): string {
+    if (!path) return "";
+    if (path.startsWith("http")) return path;
+    const { url: siteUrl } = useSiteConfig();
+    return `${siteUrl}${path}`;
+  }
 
   function resizeSvg(svg: string, size: number): string {
     const s = String(size);

package/app/components/OgImage/Landing.takumi.vue

@@ -15,6 +15,14 @@
 
       <div class="flex flex-col items-center text-center">
         <div v-if="logoSvg" v-html="logoSvg" class="mb-5" />
+        <img
+          v-else-if="logoImgUrl"
+          class="mb-5"
+          :src="logoImgUrl"
+          width="48"
+          height="48"
+          style="object-fit: contain"
+        />
 
         <h1 v-if="title" class="mb-4 text-5xl leading-none font-bold tracking-tighter">
           {{ title }}
@@ -37,8 +45,17 @@
 
   const { darkLogo, lightLogo } = useDocd();
   const logoPath = darkLogo.value || lightLogo.value;
+  const isSvg = logoPath?.toLowerCase().endsWith(".svg") ?? false;
+
+  const logoSvg = isSvg ? await fetchLogoSvg(logoPath) : "";
+  const logoImgUrl = !isSvg ? resolveLogoUrl(logoPath) : "";
 
-  const logoSvg = await fetchLogoSvg(logoPath);
+  function resolveLogoUrl(path?: string): string {
+    if (!path) return "";
+    if (path.startsWith("http")) return path;
+    const { url: siteUrl } = useSiteConfig();
+    return `${siteUrl}${path}`;
+  }
 
   function resizeSvg(svg: string, size: number): string {
     const s = String(size);

package/app/components/page/PageHeader.vue

@@ -37,7 +37,7 @@
               target="_blank"
               variant="outline"
               size="md"
-              class="transition-colors duration-300"
+              class="gap-1.5 transition-colors duration-300 [&>svg]:size-3.5"
             >
               <Icon
                 v-if="link?.icon"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baybreezy/docd",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "A Nuxt layer for building documentation sites with UI Thing.",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "@nuxt/image": "2.0.0",
     "@nuxt/kit": "^4.4.4",
     "@nuxtjs/color-mode": "^4.0.0",
-    "@nuxtjs/mcp-toolkit": "^0.14.0",
+    "@nuxtjs/mcp-toolkit": "^0.16.0",
     "@nuxtjs/mdc": "^0.21.1",
     "@nuxtjs/robots": "^6.0.8",
     "@tailwindcss/forms": "^0.5.11",
@@ -60,7 +60,7 @@
     "nuxt-component-meta": "^0.17.2",
     "nuxt-gtag": "4.1.0",
     "nuxt-llms": "^0.2.0",
-    "nuxt-og-image": "^6.4.9",
+    "nuxt-og-image": "^6.4.11",
     "pkg-types": "^2.3.1",
     "reka-ui": "^2.9.6",
     "shiki": "^4.0.2",
@@ -71,8 +71,8 @@
     "ufo": "^1.6.4",
     "vaul-vue": "^0.4.1",
     "vue-sonner": "^2.0.9",
-    "yaml": "^2.8.3",
-    "zod": "^4.4.1"
+    "yaml": "^2.8.4",
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",