enrecipes/app/components/sub/SnackBar.vue
2021-05-25 20:02:53 +05:30

23 lines
No EOL
484 B
Vue

<template>
<GridLayout
row="1"
class="appbar snackBar"
columns="auto, *, auto"
@swipe="action"
>
<Button :text="count" class="ico countdown tb" />
<Label class="title" col="1" :text="msg | L" />
<Button class="ico fab" :text="icon.undo" @tap="undo" col="3" />
</GridLayout>
</template>
<script>
import { mapState } from "vuex";
export default {
props: ["count", "msg", "undo", "action"],
computed: {
...mapState(["icon"]),
},
};
</script>