search

nuxtlabs / vue-telescope-website

Discover Websites made with Vue.js
https://vuetelescope.com
46 stars 5 forks source link

Create badges #19

Open atinux opened 3 years ago

atinux commented 3 years ago

We shall have a badge to add on Vue libraries / Nuxt modules to display the number of websites made with it.

Example for Nuxt:

ˋWebsites: 11K`

Url might be directly using a Netlify function to render an SVG.

vuetelescope.com/badge.svg?query...

atinux commented 2 years ago

Should not be hard to create now with a server api route, WDYT @bdrtsky ?

Worth trying or we skip it?

bdrtsky commented 2 years ago

Not sure, what exactly is the badge? On showcase info page?

bdrtsky commented 2 years ago

Group 1.png

Something like this @Atinux

atinux commented 2 years ago

More like something like this: https://img.shields.io/badge/websites-12k-brightgreen

They seem to have and endpoint we could maybe generate? https://shields.io/endpoint

/api/badges/framework:vue;ui:tailwind-css will generates:

{
  "schemaVersion": 1,
  "label": "Websites",
  "message": "5.9k",
  "color": "brightgreen"
}
bdrtsky commented 2 years ago

Oh I see, you mean badges for Nuxt Module README's @Atinux ? Great idea, I will look into how to customize this SVG nicely.