
<template>
  <v-container>
 <div class="homepage-overflow-x-hidden white" v-if="personalizedProductsOrderingPage">
      <div class="h3 my-5 py-5 body-font1">{{ personalizedProductsOrderingPage.contentHeading }}</div>
      <div v-html="personalizedProductsOrderingPage.content"></div>
    </div>
 
  </v-container>
</template>
<script>
export default {
  name: "PersonalizedProductsOrdering",
  methods: {
    goToLink(pageLink) {
      window.open(pageLink, "_blank");
    },
  },
  computed: {
    personalizedProductsOrderingPage : function () {
      let data = null;
      let pageContent = this.$store.state.layout.pageContent;
      if (pageContent.length) {
        data = pageContent.filter((element) => {
          return element.identifier === "personalized-products-ordering";
        })[0];
      }

      return data;
    },
  },
};
</script>

<style src="./personalized-products-ordering.scss" lang="scss" scoped/>