diff options
| author | Fuwn <[email protected]> | 2023-11-27 21:10:20 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-11-27 21:10:20 -0800 |
| commit | 31ac15a9b9f33afce0e0fa40b463278916e45562 (patch) | |
| tree | d8456cce95c46f9cefcb01f60a838642dcc0c1c4 /src/lib/List/MediaTitle.svelte | |
| parent | fix(anime): restore few setter (diff) | |
| download | due.moe-31ac15a9b9f33afce0e0fa40b463278916e45562.tar.xz due.moe-31ac15a9b9f33afce0e0fa40b463278916e45562.zip | |
feat(list): furigana
Diffstat (limited to 'src/lib/List/MediaTitle.svelte')
| -rw-r--r-- | src/lib/List/MediaTitle.svelte | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/lib/List/MediaTitle.svelte b/src/lib/List/MediaTitle.svelte new file mode 100644 index 00000000..b98f4125 --- /dev/null +++ b/src/lib/List/MediaTitle.svelte @@ -0,0 +1,28 @@ +<script lang="ts"> + import type { Media } from '$lib/AniList/media'; + import settings from '../../stores/settings'; + import * as wanakana from 'wanakana'; + + export let media: Media; +</script> + +{#if $settings.displayNativeTitles} + {#if $settings.displayFurigana} + <span title={media.title.english || media.title.romaji || media.title.native}> + <ruby> + {media.title.native} + <rt> + {wanakana.toKana(media.title.romaji)} + </rt> + </ruby> + </span> + {:else} + <span title={media.title.english || media.title.romaji || media.title.native}> + {media.title.native} + </span> + {/if} +{:else} + <span title={media.title.native}> + {media.title.english || media.title.romaji || media.title.native} + </span> +{/if} |