 <template>
  <div>
    <ShippingAndDeliveryComponent></ShippingAndDeliveryComponent>
    <!--<div v-html="etiquetteGuideContent.content" class="mx-auto history-section"></div>-->

    <PostScriptBlog />
    <FooterComponent />
    <!--end  mobile view-->
  </div>
</template>
<script>
const baseUrl = process.env.VUE_APP_BASE_URL;

import ShippingAndDeliveryComponent from "@/components/retailer/shipping-delivery/ShippingAndDeliveryComponent";
import PostScriptBlog from "@/components/retailer/home/PostScriptBlog";
import FooterComponent from "@/components/layout/footer/FooterComponent";
import { goToCategoryPageRouting } from "@/services/util.service";
export default {
  name: "ShippingDeliveryCmsPage",
  components: {
    ShippingAndDeliveryComponent,
    PostScriptBlog,
    FooterComponent,
  },
  computed: {
    canonical: function () {
      return this.$route.meta.canonical;
    },
  },
  data: () => ({}),
  metaInfo() {
    return {
      link: [
        {
          rel: "canonical",
          href: `${
            this.canonical ? window.location.href.split("?")[0] : baseUrl
          }`,
        },
      ],
    };
  },
  methods: {
    routeToPage(pageName) {
      if (pageName == "CategoryPage") {
        let vm = this;
        goToCategoryPageRouting(vm, { n: "Stationery", id: 10 });
      }
    },
  },

  created() {
    // this.$store.dispatch("block/fetchEtiquetteGuide", this.blockId);
  },
};
</script>
