How to pass props to a slot?

Question

Vue.js

I have a component - a button with an icon.

<button>
<slot name="icon" />
<slot />
</button>

There was a need to insert an icon after the text with the button.
Is there a more concise way to do this without adding a new slot? But I don't like this one very much:

<button>
<slot name="icon" />
<slot />
<slot name="right-icon" />
</button>

Something like:

<AppButton>
<template #icon align="right">
<i class="icon"></i>
</template>
button text
</AppButton>

Answer 1

https://ru.vuejs.org/v2/guide/components-slots.htm...