diff --git a/Caddyfile b/Caddyfile
index c39e00ea2..f22327c8f 100644
--- a/Caddyfile
+++ b/Caddyfile
@@ -20,6 +20,13 @@
 		file_server
 	}
 
+	# Handles User Images 
+	handle_path /api/media/users/* {
+		header @static Cache-Control max-age=31536000
+		root * /app/data/users/
+		file_server
+	}
+
 	handle @proxied {
 		uri strip_suffix /
 		reverse_proxy http://127.0.0.1:9000
diff --git a/frontend/components/Domain/Recipe/RecipeComments.vue b/frontend/components/Domain/Recipe/RecipeComments.vue
index 2791acb3f..58711cccc 100644
--- a/frontend/components/Domain/Recipe/RecipeComments.vue
+++ b/frontend/components/Domain/Recipe/RecipeComments.vue
@@ -9,9 +9,8 @@
     
 -
-         -
-      {{ comment.user.username }} • {{ $d(Date.parse(comment.createdAt), "medium") }}
@@ -60,8 +57,12 @@ import { defineComponent, ref, toRefs, onMounted, reactive } from "@nuxtjs/composition-api"; import { useUserApi } from "~/composables/api"; import { RecipeComment } from "~/api/class-interfaces/recipes/types"; +import UserAvatar from "~/components/Domain/User/UserAvatar.vue"; export default defineComponent({ + components: { + UserAvatar, + }, props: { slug: { type: String, diff --git a/frontend/components/Domain/User/UserAvatar.vue b/frontend/components/Domain/User/UserAvatar.vue new file mode 100644 index 000000000..c0a7f6f9b --- /dev/null +++ b/frontend/components/Domain/User/UserAvatar.vue @@ -0,0 +1,46 @@ + +