46 lines
706 B
Vue
46 lines
706 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<AppSelect />
|
||
|
|
<button
|
||
|
|
@click="getNewIntent"
|
||
|
|
:class="{ disabled: uiState === 'listening' }"
|
||
|
|
></button>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
aborted: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
uiState() {
|
||
|
|
return this.$store.state.uiState;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getNewIntent() {
|
||
|
|
this.$store.dispatch("getSpeech");
|
||
|
|
this.$emit("isaborted", false);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
button {
|
||
|
|
border-radius: 1000px;
|
||
|
|
background: teal;
|
||
|
|
margin-top: 10px;
|
||
|
|
transition: 0.3s all ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.disabled {
|
||
|
|
background: #ccc;
|
||
|
|
cursor: none;
|
||
|
|
}
|
||
|
|
</style>
|