diff --git a/Caddyfile b/Caddyfile
index c39e00ea2b7e..f22327c8f9ac 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 2791acb3fd8e..58711ccccb5d 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 000000000000..c0a7f6f9b2c1 --- /dev/null +++ b/frontend/components/Domain/User/UserAvatar.vue @@ -0,0 +1,46 @@ + +