From 58f7d52150456713d3132408668a92d0f6f3d084 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Thu, 15 Apr 2021 23:06:26 +0200
Subject: Port to sveltekit

---
 src/components/post_content/post_content.svelte | 74 ++++++++++++++-----------
 1 file changed, 42 insertions(+), 32 deletions(-)

(limited to 'src/components/post_content')

diff --git a/src/components/post_content/post_content.svelte b/src/components/post_content/post_content.svelte
index 671c07c..5d8ef1c 100644
--- a/src/components/post_content/post_content.svelte
+++ b/src/components/post_content/post_content.svelte
@@ -1,40 +1,50 @@
 <script>
-  export let post;
-  export let index = 0;
-  export let count = 1;
+	export let post;
+	export let index = 0;
+	export let count = 1;
 
-  import { _ } from 'svelte-i18n';
-  import Glyph from '$/components/glyph/glyph.svelte';
+	import { _ } from 'svelte-i18n';
+	import Glyph from '$/components/glyph/glyph.svelte';
 
-  const timestampToISO = (timestamp) => (new Date(timestamp)).toISOString();
+	const timestampToISO = (timestamp) => new Date(timestamp).toISOString();
 </script>
-  <aside class="post-meta" title="{$_('post.metadata_title', { values: { count: index + 1, total: count } })}">
-    <Glyph uuid={post.author.id} />
-    <span class="h-card">
-      {$_('post.author_credit')} <a href="/a/{post.author.handle}" class="p-nickname u-url">{post.author.handle}</a>.
-    </span>
-    <time role="presentation" class="dt-published" datetime="{timestampToISO(post.created_at)}">
-      <a title="{$_('post.permalink_title')}" href="/p/{post.id}">
-        {timestampToISO(post.created_at)}
-      </a>
-    </time>
-    {#if post.topic}
-    <span class="h-card">
-      ({$_('post.topic_location')} <a href="/t/{post.topic.id}">{post.topic.title}</a>.)
-    </span>
-    {/if}
-  </aside>
-  <article class="e-content" title="{$_('post.title', { values: { count: index + 1, total: count, author: post.author.handle } })}">
-    {post.text}
-  </article>
-  <hr/>
+
+<aside
+	class="post-meta"
+	title={$_('post.metadata_title', { values: { count: index + 1, total: count } })}
+>
+	<Glyph uuid={post.author.id} />
+	<span class="h-card">
+		{$_('post.author_credit')}
+		<a href="/a/{post.author.handle}" class="p-nickname u-url">{post.author.handle}</a>.
+	</span>
+	<time role="presentation" class="dt-published" datetime={timestampToISO(post.created_at)}>
+		<a title={$_('post.permalink_title')} href="/p/{post.id}">
+			{timestampToISO(post.created_at)}
+		</a>
+	</time>
+	{#if post.topic}
+		<span class="h-card">
+			({$_('post.topic_location')} <a href="/t/{post.topic.id}">{post.topic.title}</a>.)
+		</span>
+	{/if}
+</aside>
+<article
+	class="e-content"
+	title={$_('post.title', {
+		values: { count: index + 1, total: count, author: post.author.handle }
+	})}
+>
+	{post.text}
+</article>
+<hr />
 
 <style>
-  .post-meta * {
-    vertical-align: top;
-  }
+	.post-meta * {
+		vertical-align: top;
+	}
 
-  article {
-    white-space: pre;
-  }
+	article {
+		white-space: pre;
+	}
 </style>
-- 
cgit