diff --git a/src/comp/comment.svelte b/src/comp/comment.svelte
index 8a58d3f..e3731cb 100644
--- a/src/comp/comment.svelte
+++ b/src/comp/comment.svelte
@@ -1,13 +1,18 @@
 <script>
+    import Rating from "./rating.svelte";
+
   /**
    * @type {import("$types/base").CommentTreeNode}
    */
   export let commentNode;
+
+  $: comment = commentNode.parent;
 </script>
 
 <div>
-  <h5>{commentNode.parent.author?.name}</h5>
-  <p>{commentNode.parent.content}</p>
+  <h5>{comment.author?.name}</h5>
+  <Rating rating={comment.rating}></Rating>
+  <p>{comment.content}</p>
   <div>
     {#each commentNode.children as reply}
       <svelte:self commentNode={reply}></svelte:self>
diff --git a/src/comp/post.svelte b/src/comp/post.svelte
index 6f84e3e..eaed877 100644
--- a/src/comp/post.svelte
+++ b/src/comp/post.svelte
@@ -1,4 +1,6 @@
 <script>
+    import Rating from './rating.svelte';
+
   /**
    * @type {import('$types/base').Post}
    */
@@ -7,6 +9,8 @@
 
 <div>
   <a href="/posts/{post.id}">{post.name}</a>
-  <!-- <p>{post.author.name}</p> -->
+  <p>{post.author?.name}</p>
+  <p>{post.category.name}</p>
+  <Rating rating={post.rating}></Rating>
   <p>{post.content}</p>
 </div>
diff --git a/src/comp/rating.svelte b/src/comp/rating.svelte
new file mode 100644
index 0000000..0e77421
--- /dev/null
+++ b/src/comp/rating.svelte
@@ -0,0 +1,11 @@
+<script>
+  /**
+   * @type {import("$types/base").Rating}
+   */
+  export let rating;
+</script>
+
+<div>
+  <p>up: {rating.likes}</p>
+  <p>down: {rating.dislikes}</p>
+</div>