helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chore(web): migration svelte 5 syntax (#13883)

Browse source
This commit is contained in:
Alex 2024-11-14 08:43:25 -06:00 • committed by GitHub
parent 9203a61709
commit 0b3742cf13
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
310 changed files with 6435 additions and 4176 deletions
Download patch file Download diff file Expand all files Collapse all files

17
web/src/lib/components/sharedlinks-page/covers/asset-cover.svelte
View file

@ -1,13 +1,16 @@
<script lang="ts">
import BrokenAsset from '$lib/components/assets/broken-asset.svelte';
export let alt;
export let preload = false;
export let src: string;
let className = '';
export { className as class };
interface Props {
alt?: string;
preload?: boolean;
src: string;
class?: string;
}
let isBroken = false;
let { alt, preload = false, src, class: className = '' }: Props = $props();
let isBroken = $state(false);
</script>
{#if isBroken}
@ -15,7 +18,7 @@
{:else}
<img
{alt}
on:error={() => (isBroken = true)}
onerror={() => (isBroken = true)}
class="size-full rounded-xl object-cover aspect-square {className}"
data-testid="album-image"
draggable="false"

11
web/src/lib/components/sharedlinks-page/covers/no-cover.svelte
View file

@ -1,8 +1,11 @@
<script lang="ts">
export let alt = '';
export let preload = false;
let className = '';
export { className as class };
interface Props {
alt?: string;
preload?: boolean;
class?: string;
}
let { alt = '', preload = false, class: className = '' }: Props = $props();
</script>
<enhanced:img

11
web/src/lib/components/sharedlinks-page/covers/share-cover.svelte
View file

@ -6,10 +6,13 @@
import { getAssetThumbnailUrl } from '$lib/utils';
import { t } from 'svelte-i18n';
export let link: SharedLinkResponseDto;
export let preload = false;
let className = '';
export { className as class };
interface Props {
link: SharedLinkResponseDto;
preload?: boolean;
class?: string;
}
let { link, preload = false, class: className = '' }: Props = $props();
</script>
<div class="relative shrink-0 size-24">