2018-02-27 06:22:56 +00:00
|
|
|
<button class="primary compose-box-button"
|
|
|
|
:disabled >
|
|
|
|
Toot!
|
|
|
|
</button>
|
|
|
|
<style>
|
|
|
|
.compose-box-button {
|
|
|
|
grid-area: button;
|
|
|
|
justify-self: right;
|
|
|
|
text-transform: uppercase;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
import { store } from '../../_store/store'
|
|
|
|
|
|
|
|
export default {
|
|
|
|
store: () => store,
|
|
|
|
computed: {
|
2018-03-03 22:51:48 +00:00
|
|
|
disabled: (textOverLimit, textLength) => {
|
|
|
|
return textOverLimit || textLength === 0
|
2018-02-27 06:22:56 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|