fix: encode username in constructed gravatar URL (#2488)

Signed-off-by: tomaioo <203048277+tomaioo@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: tomaioo

app/components/User/Avatar.vue

@@ -31,12 +31,15 @@ const textClass = computed(() => {
   }
 })
 
-const { data: gravatarUrl } = useLazyFetch(() => `/api/gravatar/${props.username}`, {
-  transform: res => (res.hash ? `/_avatar/${res.hash}?s=128&d=404` : null),
-  getCachedData(key, nuxtApp) {
-    return nuxtApp.static.data[key] ?? nuxtApp.payload.data[key]
+const { data: gravatarUrl } = useLazyFetch(
+  () => `/api/gravatar/${encodeURIComponent(props.username)}`,
+  {
+    transform: res => (res.hash ? `/_avatar/${res.hash}?s=128&d=404` : null),
+    getCachedData(key, nuxtApp) {
+      return nuxtApp.static.data[key] ?? nuxtApp.payload.data[key]
+    },
   },
-})
+)
 </script>
 
 <template>