{"library":"lovable-tagger","title":"lovable-tagger","description":"Vite plugin (v1.3.0) that automatically adds `data-component-id` attributes to JSX/TSX components for easier debugging and tracking. Ships TypeScript types, supports Vite 5.x–8.x. Differentiated by its simplicity and focus on component-level identification, as opposed to heavier instrumentation tools. Released under a stable, infrequent cadence.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install lovable-tagger"],"cli":null},"imports":["import { componentTagger } from 'lovable-tagger'","const { componentTagger } = require('lovable-tagger')","import type { Plugin } from 'vite'; const plugin: Plugin = componentTagger();"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import { defineConfig } from 'vite';\nimport { componentTagger } from 'lovable-tagger';\n\nexport default defineConfig({\n  plugins: [\n    componentTagger()\n  ]\n});\n\n// After this, all JSX/TSX elements will have a data-component-id attribute like:\n// <div data-component-id=\"MyComponent\">...</div>","lang":"typescript","description":"Shows minimal Vite config to enable component tagging with default options.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}