diff --git a/src/lib/components/tweet.svelte b/src/lib/components/tweet.svelte new file mode 100644 index 0000000..125199d --- /dev/null +++ b/src/lib/components/tweet.svelte @@ -0,0 +1,238 @@ + + +
on_click_tweet(tweet)} on:keypress> + {#if tweet.is_retweet} +
+
+
+
+ {$_('name_retweeted', { + values: { name: tweet.retweet_user_name }, + })} +
+ {/if} +
+
+ + avatar + +
+
+
+
+
+ {tweet.name} +
+
+ @{tweet.username} +
+
·
+
+ + + +
+
+
+
+ +
+
+
+ {@html tweet.html_text} +
+
+ + {#if tweet.media_count === 1} +
+ 画像 +
+ {:else if tweet.media_count === 2} +
+
+
+ 画像 +
+
+ 画像 +
+
+
+ {:else if tweet.media_count === 3} +
+
+ 画像 +
+
+
+ 画像 +
+
+ 画像 +
+
+
+ {:else if tweet.media_count === 4} +
+
+
+ 画像 +
+
+ 画像 +
+
+
+
+ 画像 +
+
+ 画像 +
+
+
+ {/if} + +
+
+
+
+ +
+
{tweet.reply_count}
+
+
+
+
+ +
+
{tweet.retweet_count}
+
+
+
+
+ +
+
{tweet.like_count}
+
+
+
+
+ +
+
+
+
+
+
+ + diff --git a/src/lib/components/tweet_list.svelte b/src/lib/components/tweet_list.svelte new file mode 100644 index 0000000..c5ece5d --- /dev/null +++ b/src/lib/components/tweet_list.svelte @@ -0,0 +1,74 @@ + + +{#if is_loading} +
+ +
+{:else} +
+ {#each tweets_data as tweet_data} + + {/each} +
+{/if} diff --git a/src/lib/icons/calendar.svelte b/src/lib/icons/calendar.svelte new file mode 100644 index 0000000..ea58e20 --- /dev/null +++ b/src/lib/icons/calendar.svelte @@ -0,0 +1,7 @@ + diff --git a/src/lib/icons/link.svelte b/src/lib/icons/link.svelte new file mode 100644 index 0000000..1249a1f --- /dev/null +++ b/src/lib/icons/link.svelte @@ -0,0 +1,7 @@ + diff --git a/src/lib/icons/location_pin.svelte b/src/lib/icons/location_pin.svelte new file mode 100644 index 0000000..4230724 --- /dev/null +++ b/src/lib/icons/location_pin.svelte @@ -0,0 +1,7 @@ + diff --git a/src/routes/[username]/+page.svelte b/src/routes/[username]/+page.svelte new file mode 100644 index 0000000..115550c --- /dev/null +++ b/src/routes/[username]/+page.svelte @@ -0,0 +1,347 @@ + + +{#if is_loading} +
+ +
+{/if} +{#if user_data} +
+
+
+
+ +
+
+
{user_data.name}
+
{user_data.public_metrics?.tweet_count} 件のツイート
+
+
+