https://github.com/Leecason/vue-rough-notation Vue-обертка для JavaScript-библиотеки RoughNotation, которая позволяет создавать и анимировать небрежные, нарисованные от руки аннотации на веб-странице.

• 7 типов аннотаций: подчеркивание (underline), рамка (box), круг (circle), выделение маркером (highlight), зачеркивание (strike-through), перечеркивание крестом (crossed-off) и скобки (bracket).
• Гибкая настройка: можно менять цвет (color), длительность анимации (animationDuration), толщину линий (strokeWidth), внутренние отступы (padding) и количество прорисовок (iterations).
• Групповая анимация: с помощью компонента можно настраивать последовательный порядок (order) появления аннотаций друг за другом. Rough Notation — это круто!

import { RoughNotation } from 'vue-rough-notation'; export default { components: { RoughNotation } }

А зачем нам это вообще? А чтобы объяснить людям "куда жмать" в нашем интерфейсе для тех или иных действий.