fix(ui): allow custom badge values in docs generator (#2335)

Author: MathurAditya724

nuxt.config.ts

@@ -104,7 +104,7 @@ export default defineNuxtConfig({
       isr: {
         expiration: 60 * 60 /* one hour */,
         passQuery: true,
-        allowQuery: ['color', 'labelColor', 'label', 'name', 'style'],
+        allowQuery: ['color', 'labelColor', 'label', 'name', 'style', 'value'],
       },
     },
     '/api/registry/image-proxy': {

test/e2e/badge.spec.ts

@@ -172,6 +172,17 @@ test.describe('badge API', () => {
     expect(body).toContain(customLabel)
   })
 
+  test('custom value parameter is applied to SVG', async ({ page, baseURL }) => {
+    const customValue = 'custom-value-123'
+    const url = toLocalUrl(
+      baseURL,
+      `/api/registry/badge/version/nuxt?value=${encodeURIComponent(customValue)}`,
+    )
+    const { body } = await fetchBadge(page, url)
+
+    expect(body).toContain(customValue)
+  })
+
   test('style=default keeps current badge renderer', async ({ page, baseURL }) => {
     const url = toLocalUrl(baseURL, '/api/registry/badge/version/nuxt?style=default')
     const { body } = await fetchBadge(page, url)