📊 vue-web-vitals

A small plugin to track core web vitals in Vue.js projects

🦄 Usage

Install the dependency

yarn add vue-web-vitals

Add it to wherever you create/access your vue-router instance

// main.ts
import { createRouter } from "vue-router";
import { useVitals } from "vue-web-vitals";

const router = createRouter({
  // ...
});

useVitals({ router });

⚠️ Requirements

This module currently has only been tested on Vue 3.x / Vue Router 4.x. While the module MAY work, support is not guarenteed.

✨ Inspiration

nuxt-community/web-vitals-module

isabella232/nuxt-plugin-vercel