Многоразовые шаблоны и методы?

Question

Я использую sh, чтобы обернуть различные типы ввода меткой и сообщением об ошибке, до сих пор я придумал это решение, используя слоты:

Компонент ввода текста: (но есть также другие для select, checkbox et c)

<form-input>
    <input type="text" @click="doSomething">  //could be select, checkboxes etc. slotted in
</form-input>

Generi c Компонент ввода формы:

<div>
    <label v-text="label"></label>
    <slot></slot> //where each input is placed
    <p v-if="hasError">This {{ this.name }} has an error!</p>
</div>

On Input Text Component Я также использую миксин, который обрабатывает все ошибки и другие биты формы, мне нужно объявить это для каждого типа ввода, выбрать, установить флажок и т. д. c.

Есть ли более простой способ добиться этого, я хочу:

1. Оберните различные входные данные ошибками и метками.
2. Используйте те же функции из миксина (или объявленные как что-то еще) для каждого компонента, но не повторяйте объявление - я не могу добавить его в форму generi c компонент ввода, как на него ссылаются данные в родительском элементе, в который нужно вставить.