fix(github): set max size of 460

Co-authored-by: Kevin Heiner <kheiner@gmail.com>

Author: danielroe

docs/content/3.providers/github.md

@@ -11,17 +11,21 @@ links:
 Easily use GitHub avatars in your Nuxt app. 
 
 
-Just pass the username as the `src` prop and set the width and height. Since GitHub avatars must always be square, the largest dimension is used as the size.
+Just pass the username as the `src` prop and set the width or height. Since GitHub avatars must always be square, the largest dimension is used as the size.
 
 
 ```vue
 <!-- Width and Height -->
 <NuxtImg provider="github" src="nuxt" height="50" width="50" />
 
-<!-- Width only -->
+<!-- Width above 460 resolves to the default size of 460 -->
 <NuxtImg provider="github" src="unjs" width="512" />
 
 <!-- Default size -->
 <NuxtImg provider="github" src="npm"/>
 ```
 
+
+::note
+GitHub Avatars are returned with a minimum size of 1 and maximum size of 460 with a default size of 460. Values outside of the bounds will return the default.
+::

src/runtime/providers/github.ts

@@ -15,8 +15,9 @@ export default defineProvider<GitHubOptions>({
   getImage: (src, { modifiers, baseURL = 'https://avatars.githubusercontent.com/' }) => {
     let size = 460 // Default size
     // Calculate size based on width/height
-    if (modifiers?.width || modifiers?.height) {
-      size = Math.max(modifiers?.height ?? 0, modifiers?.width ?? 0)
+    const requestedSize = Math.max(modifiers?.height ?? 0, modifiers?.width ?? 0)
+    if (requestedSize > 0) {
+      size = Math.min(Math.max(1, requestedSize), 460)
     }
 
     const operations = operationsGenerator({