✨ Dev portal sidebar

components/FooterLinks.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="text-xs text-grey sidebar-footer transition-opacity duration-500">
+    <div class="flex footer-links flex-wrap">
+      <nuxt-link to="/terms/privacy-policy" class="hover:underline">Privacy Policy</nuxt-link>
+      <nuxt-link to="/terms/user-agreement" class="hover:underline">Term of Service</nuxt-link>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.sidebar-footer {
+  opacity: 0.3;
+}
+
+.sidebar-footer:hover {
+  opacity: 1;
+}
+
+.footer-links *:not(:last-child):after {
+  content: "·";
+  font-family: monospace;
+  font-weight: bold;
+  text-align: center;
+  margin-left: 4px;
+  margin-right: 4px;
+  text-decoration: none !important;
+  display: inline-block;
+}
+</style>

components/PostItem.vue

@@ -2,7 +2,9 @@
   <v-card :to="url" class="mx-[2.5ch] mb-3">
     <v-card-text>
       <div class="mb-3 flex flex-row gap-4">
-        <v-avatar :image="post.author?.avatar" />
+        <nuxt-link :to="`/users/${post.author?.name}`">
+          <v-avatar :image="post.author?.avatar" />
+        </nuxt-link>
         <div class="flex flex-col">
           <span>{{ post.author?.nick }} <span class="text-xs">@{{ post.author?.name }}</span></span>
           <span v-if="post.body?.title" class="text-md">{{ post.body?.title }}</span>