zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): handle remote image URLs in Img component (#789)

Browse Source
This commit is contained in:
Darius Cepulis
2026-03-09 18:19:35 -05:00
committed by GitHub
parent 5f6b1c8e53
commit fb0a9b50c1
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/typography/Img.astro
+11 -3
View File
@@ -5,8 +5,16 @@ import type { ComponentProps } from 'astro/types';
import { twMerge } from '@/utils/twMerge';
type Props = ComponentProps<typeof Image>;
const { class: className, ...rest } = Astro.props;
const { class: className, src, ...rest } = Astro.props;
const isRemote = typeof src === 'string' && src.startsWith('http');
---
{/* @ts-expect-error tbh I don't know how to tell ts that inferSize is ok */}
<Image class={twMerge("my-8", className)} inferSize {...rest} />
{
isRemote ? (
<img class={twMerge("my-8", className)} src={src} {...rest} />
) : (
// @ts-expect-error tbh I don't know how to tell ts that inferSize is ok
<Image class={twMerge("my-8", className)} inferSize src={src} {...rest} />
)
}