はじめに ゆるいAtomicDesignを意識してForm部品をComponent化してみました。 Input <template> <label> <span v-if="$slots.label"><slot name="label"></slot></span> <span v-else-if="label">{{ label }}</span> <input :type="type" :name="name" :placeholder="placeholder" :value="value" @input="updateValue" @focus="$emit('focus', $event)" @blur="$emit('blur', $event)" > </label> </template> <script> export default { props: { value: