Merge pull request #31 from aremesal/fix-initials-avatar

balajidharma · web-flow · commit 2b7450d8ba7e · 2024-01-10T18:47:28.000-05:00
Fix bug initials avatar with Dicebar
diff --git a/resources/js/Components/UserAvatar.vue b/resources/js/Components/UserAvatar.vue
@@ -17,7 +17,7 @@ const props = defineProps({
 })
 
 const avatar = computed(
-  () => props.avatar ?? `https://avatars.dicebear.com/api/${props.api}/${props.username.replace(/[^a-z0-9]+/i, '-')}.svg`
+  () => props.avatar ?? `https://api.dicebear.com/7.x/${props.api}/svg?seed=${props.username.replace(/[^a-z0-9]+/i, '-')}`
 )
 
 const username = computed(() => props.username)

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ const props = defineProps({`
`17`	`17`	`})`
`18`	`18`
`19`	`19`	`const avatar = computed(`
`20`		- () => props.avatar ?? `https://avatars.dicebear.com/api/${props.api}/${props.username.replace(/[^a-z0-9]+/i, '-')}.svg`
	`20`	+ () => props.avatar ?? `https://api.dicebear.com/7.x/${props.api}/svg?seed=${props.username.replace(/[^a-z0-9]+/i, '-')}`
`21`	`21`	`)`
`22`	`22`
`23`	`23`	`const username = computed(() => props.username)`