1 files changed, 28 insertions, 0 deletions
diff --git a/src/lib/List/MediaTitleDisplay.svelte b/src/lib/List/MediaTitleDisplay.svelte
new file mode 100644
index 00000000..b98f4125
--- /dev/null
+++ b/src/lib/List/MediaTitleDisplay.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}