ProverCoderAI: “До этого упоминал про проблемы Lovable Теперь хочу написать про прикол…”

До этого упоминал про проблемы Lovable

Теперь хочу написать про прикольную вещь, которую они реализовали для фронтенда ( lovable-tagger )

В чём его суть?
Это vite плагин который добавляет во фронтенд мета информацию об вашем React коде

Сразу видно в сбилженом HTML коде к какой части React кода он относится

<a data-lov-id="src/pages/IndexPage/IndexPage.tsx:36:10" data-lov-name="Link" data-component-path="src/pages/IndexPage/IndexPage.tsx" data-component-line="36" data-component-file="IndexPage.tsx" data-component-name="Link" data-component-content="%7B%7D" class="link" href="#/theme-params"><div class="tgui-b5d680db78c4cc2e tgui-b8dfba0b5c3d054c" data-lov-id="src/pages/IndexPage/IndexPage.tsx:37:12" data-lov-name="Cell" data-component-

Подключается он в vite.config.ts

import { componentTagger } from "lovable-tagger";

export default defineConfig(({ mode }) => {
  const plugins = [
mode === 'development' && componentTagger()
  ].filter(Boolean) as PluginOption[];
}