Added shelf template shared between shelf and post page.

pages/posts/post.page.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="page">
+	<Shelf :shelf="shelf">
 		<div class="content">
 			<Post
 				:post="post"
@@ -43,14 +43,11 @@
 				</li>
 			</ul>
 		</div>
-
-		<div class="sidebar">
-			{{ shelf.name }}
-		</div>
-	</div>
+	</Shelf>
 </template>
 
 <script setup>
+import Shelf from '../../templates/shelves/shelf.vue';
 import Post from '../../components/posts/post.vue';
 import Comment from '../../components/comments/comment.vue';
 import Writer from '../../components/comments/writer.vue';
@@ -67,12 +64,8 @@ const {
 </script>
 
 <style scoped>
-.page {
-	display: flex;
-}
-
 .content {
-	flex-grow: 1;
+	width: 100%;
 }
 
 .body {
@@ -90,12 +83,4 @@ const {
 .post {
 	margin-bottom: .5rem;
 }
-
-.sidebar {
-	background: var(--background);
-	width: 20rem;
-	padding: .5rem;
-	border-radius: .5rem;
-	margin-left: .5rem;
-}
 </style>