24 lines
569 B
Svelte
24 lines
569 B
Svelte
<script lang="ts">
|
|
import { generateSizesString, generateSrcsetString } from '$lib/content/srcset';
|
|
|
|
import { Hero } from '@damillora/plachta';
|
|
|
|
export let background: string | null = null;
|
|
export let alt = '';
|
|
let srcset: string | null = null;
|
|
let sizes: string | null = null;
|
|
$: if (background != null) {
|
|
srcset = generateSrcsetString(background);
|
|
sizes = '100vw';
|
|
} else {
|
|
srcset = null;
|
|
sizes = null;
|
|
}
|
|
</script>
|
|
|
|
{#if background}
|
|
<Hero {background} {alt} {srcset} {sizes} />
|
|
{:else}
|
|
<Hero background="/images/default-feature.jpg" {alt} />
|
|
{/if}
|