01 / Technologies / Framework

Detect Vue in any GitHub repo

Vue is a progressive JavaScript framework with single-file components, a reactive core and an official router and state solution (Pinia).

Why show Vue on your README

Vue repos often pair it with Nuxt, Vite or Quasar; a card shows the whole combination instead of a lone Vue badge.

How Vue is detected

Stack Fingerprint reads the repo's full file tree in one GitHub API call and flags Vue when it finds any of these:

  • Files or folders: /^vue\.config\.(js|ts|cjs|mjs)$/
  • Dependencies in package.json: vue

Vue README badge

A static badge you can paste anywhere in Markdown:

Vue badge

Markdown
![Vue](https://img.shields.io/badge/Vue-4FC08D?style=for-the-badge&logo=vuedotjs&logoColor=white)

Or let the repo describe itself

Static badges go stale the moment you swap a dependency. A Stack Fingerprint card is generated from the repo, so Vue (and everything around it) appears or disappears on its own:

Tech stack card for vuejs/core
vuejs/core · generated live from the repo
README.md
[![Stack Fingerprint](https://stackfingerprint.vercel.app/api/card?repo=OWNER/REPO)](https://stackfingerprint.vercel.app/?repo=OWNER/REPO)

Replace OWNER/REPO with your repository, or open the builder to pick a theme and layout.