enrecipes/app/components/sub/SnackBar.vue

<template>
  <RGridLayout
    :rtl="RTL"
    row="1"
    class="appbar snackbar"
    columns="auto, *, auto"
    @swipe="action"
    @loaded="onload"
  >
    <Button @tap="action" :text="count" class="ico t3 accent tb" />
    <RLabel
      @tap="action"
      margin="0 2"
      class="tw vc lh4"
      col="1"
      :text="msg | L"
    />
    <Button class="ico fab rtl" :text="icon.undo" @tap="undo" col="3" />
  </RGridLayout>
</template>

<script>
import { mapState } from "vuex";

export default {
  props: ["count", "msg", "undo", "action", "onload"],
  computed: {
    ...mapState(["icon", "RTL"]),
  },
};
</script>