up

packages/astro-ghostcms-theme-default/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@matthiesenxyz/astro-ghostcms-theme-default",
   "description": "Default Theme for astro-ghostcms",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "homepage": "https://astro-ghostcms.xyz/",
   "type": "module",
   "license": "MIT",

packages/astro-ghostcms-theme-default/src/components/Header.astro

@@ -9,7 +9,7 @@ const { settings } = Astro.props as Props;
 
 <header
   id="gh-head"
-  class={`gh-head ${settings.cover_image ? "has-cover" : ""} js-header`}
+  class={`gh-head has-cover js-header`}
 >
   <nav class="gh-head-inner inner gh-container">
     <div class="gh-head-brand">

packages/astro-ghostcms-theme-default/src/components/HeroContent.astro

@@ -1,17 +1,17 @@
 ---
 import { getGhostImgPath } from "../utils";
 import type { Settings } from "@matthiesenxyz/astro-ghostcms/api";
-import featureImgLocal from "../assets/publication-cover.jpg";
+import cover from "./cover.jpg";
 
 export type Props = {
-  featureImg?: string;
+  featureImg: string;
   mainTitle?: string;
   settings: Settings;
   description?: string;
   addClass?: string;
 };
 const {
-  featureImg = featureImgLocal.src,
+  featureImg = cover.src,
   mainTitle = "",
   settings,
   description = "",
@@ -41,7 +41,28 @@ const {
       sizes="100vw"
     />
   )}
-
+  {!featureImg && (
+    <img
+      class="site-header-cover"
+      data-srcset={`
+            ${cover.src} 300w,
+            ${cover.src} 600w,
+            ${cover.src} 1000w,
+            ${cover.src} 2000w
+            `}
+      srcset={`
+            ${cover.src} 300w,
+            ${cover.src} 600w
+            ${cover.src} 1000w
+            ${cover.src} 2000w
+            `}
+      data-sizes="auto"
+      data-src={cover.src}
+      src={cover.src}
+      alt={mainTitle}
+      sizes="100vw"
+    />
+  )}
   <slot name="title">
     <h1 class="site-title">
       {settings.logo ? (

playground/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "astro": "^4.2.1",
-    "@matthiesenxyz/astro-ghostcms-theme-default": "workspace:*",
+    "@matthiesenxyz/astro-ghostcms-theme-default": "*",
     "@matthiesenxyz/astro-ghostcms": "workspace:*"
   },
   "devDependencies": {

pnpm-lock.yaml

@@ -18,10 +18,10 @@ importers:
   demo:
     dependencies:
       '@matthiesenxyz/astro-ghostcms':
-        specifier: 3.0.4
+        specifier: 3.0.6
         version: link:../packages/astro-ghostcms
       '@matthiesenxyz/astro-ghostcms-theme-default':
-        specifier: 0.0.2
+        specifier: 0.0.5
         version: link:../packages/astro-ghostcms-theme-default
       astro:
         specifier: ^4.2.1
@@ -43,7 +43,7 @@ importers:
         specifier: ^3.0.5
         version: 3.0.5
       '@matthiesenxyz/astro-ghostcms-theme-default':
-        specifier: ^0.0.2
+        specifier: ^0.0.5
         version: link:../astro-ghostcms-theme-default
       '@ts-ghost/core-api':
         specifier: ^5.1.2
@@ -122,7 +122,7 @@ importers:
   packages/astro-ghostcms-theme-default:
     dependencies:
       '@matthiesenxyz/astro-ghostcms':
-        specifier: ^3.0.0
+        specifier: ^3.0.6
         version: link:../astro-ghostcms
       astro:
         specifier: ^4.2.1
@@ -149,7 +149,7 @@ importers:
         specifier: workspace:*
         version: link:../packages/astro-ghostcms
       '@matthiesenxyz/astro-ghostcms-theme-default':
-        specifier: workspace:*
+        specifier: '*'
         version: link:../packages/astro-ghostcms-theme-default
       astro:
         specifier: ^4.2.1