Use tailwind in app html

[rbdr/forum] / src / lib / components / topic / topic.svelte

diff --git a/src/lib/components/topic/topic.svelte b/src/lib/components/topic/topic.svelte
index 06f2aebb8490fd6e4256fa050df8fc792f6cea93..ec89876590d44f25f1475db9f804777c45b3e20b 100644 (file)
--- a/src/lib/components/topic/topic.svelte
+++ b/src/lib/components/topic/topic.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
-       export let topic;
+       import type { Topic } from '$lib/data/types';
+
+       export let topic: Topic;
 
        import { _ } from 'svelte-i18n';
        import Post from '$lib/components/post/post.svelte';
@@ -14,27 +16,28 @@
        <aside class="topic-meta" title={$_('topic.metadata_title')}>
                {#if topic.forum}
                        <span class="topic-location">
-        {$_('topic.category_location')}
+                               {$_('topic.category_location')}
                                <a href="/f/{topic.forum.id}" class="p-category">
-          {topic.forum.glyph} {$_(topic.forum.label)}
-        </a>.
-      </span>
+                                       {topic.forum.glyph}
+                                       {$_(topic.forum.label)}
+                               </a>.
+                       </span>
                {/if}
                <span class="topic-ttl">
-      <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}">
-        ({$_('topic.remaining_time', {
+                       <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}">
+                               ({$_('topic.remaining_time', {
                                        values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) }
-        })})
-      </a>.
-    </span>
+                               })})
+                       </a>.
+               </span>
        </aside>
        {#if topic.tags.length > 0}
                <aside class="topic-tags" title={$_('topic.tags_title')}>
                        {$_('topic.tags_location')}
                        {#each topic.tags as tag}
                                <a href="/g/{tag.id}" class="p-category">
-          {tag.id}<span class="tag-weight">({tag.weight})</span>
-        </a>{' '}
+                                       {tag.id}<span class="tag-weight">({tag.weight})</span>
+                               </a>{' '}
                        {/each}
                </aside>
        {/if}