SVG в компонент Vue

Превратите любой SVG в однофайловый компонент Vue 3.

или перетащите файл / вставьте код ниже

На выходе SFC Vue 3 со script-setup; атрибуты пробрасываются в корневой SVG.

SFC Vue 3
Результат появится здесь

Как это работает

  1. 1Вставьте код SVG или перетащите файл .svg.
  2. 2Инструмент оборачивает его в SFC Vue 3 с пробросом атрибутов.
  3. 3Скопируйте содержимое файла .vue в свой проект.

Бесплатно, без регистрации и водяных знаков — всё работает локально в вашем браузере, поэтому файлы никогда не покидают компьютер.

Частые вопросы

Vue 2 или Vue 3?

Вывод рассчитан на SFC Vue 3 со script-setup, которые работают и в проектах на Vue 2.7.

Похожие инструменты