Use tailwind, reference types

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

diff --git a/src/lib/components/topic_summary/topic_summary.svelte b/src/lib/components/topic_summary/topic_summary.svelte
index bfcf8ab21c10974eeb073984f425d0bda958ccfe..337a064e3a9f8f1aed9dc66d4394bd55297c5769 100644 (file)
--- a/src/lib/components/topic_summary/topic_summary.svelte
+++ b/src/lib/components/topic_summary/topic_summary.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 { readableTime } from '$lib/utils/readable_time';
@@ -9,14 +11,16 @@
 </script>
 
 <li class="h-entry" title={$_('topic.title')}>
-  <span class="p-name">
-    <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}">
-      {topic.title}
-  </a></span>
-    <span class="topic-ttl">({$_('topic.remaining_time', {
+       <span class="p-name">
+               <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}">
+                       {topic.title}
+               </a></span
+       >
+       <span class="topic-ttl"
+               >({$_('topic.remaining_time', {
                        values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) }
-      })})
-    </span>
+               })})
+       </span>
 </li>
 
 <style>