UI Компоненты

UI Button

slot

Все что мы помещаем в button будет уходить в слот
слоты так же бывают именованные
если не использовать название для слота, то всё что помещается в button будет попадать в слот без названия, который является дефолтнным слоем.

src\components\UI\MyButton.vue

<template>
<button class="btn">
<slot></slot>
</button>
</template>
<script>
export default {

}
</script>

<style scoped>
перенос с компонента PostForm
.btn{ 
 margin-top: 15px;
 align-self: flex-end; кнопка стала изолированной и выравнивание лишние
 padding: 10px 15px;
 background:none;
 color:teal;
 border: 1px solid teal;
}
</style>