| commit | author | age | ||
| 394e8d | 1 | <template> |
| CM | 2 | <div> |
| 20827a | 3 | <header v-if="$slots.header"> |
| CM | 4 | <slot name="header"> |
| 5 | <!-- <h2>Default Title </h2> --> | |
| 6 | </slot> | |
| 30949b | 7 | </header> |
| 394e8d | 8 | <slot></slot> |
| CM | 9 | </div> |
| 10 | </template> | |
| 11 | ||
| 12 | <script> | |
| 13 | export default { | |
| 20827a | 14 | mounted() { |
| CM | 15 | console.log(this.$slots); |
| 16 | } | |
| 394e8d | 17 | |
| CM | 18 | } |
| 19 | </script> | |
| 20 | ||
| 21 | <style scoped> | |
| 22 | div { | |
| 20827a | 23 | margin: 2rem auto; |
| CM | 24 | max-width: 30rem; |
| 25 | border-radius: 12px; | |
| 26 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); | |
| 27 | padding: 1rem; | |
| 394e8d | 28 | } |
| de01bc | 29 | |
| CM | 30 | section header { |
| 20827a | 31 | display: flex; |
| CM | 32 | justify-content: space-between; |
| 33 | align-items: center; | |
| de01bc | 34 | } |
| 394e8d | 35 | </style> |
