vuefront.config.js

module.exports = {
  app: ["@vuefront/checkout-app"],
  images: {
    logo: {
      path: "~/assets/img/VUE_JS.svg",
    },
    footerLogo: {
      path: "~/assets/img/VUE_JS_Footer.svg",
    },
  },
  layouts: {
    "*": {
      headerMenu: [
        [
          "Menu",
          {
            items: ["store", "blog"],
          },
        ],
      ],
      footer1: ["Pages"],
      footer2: [
        [
          "ExtraLinks",
          {
            links: [
              {
                to: "/contact",
                text: "Contact Us",
              },
            ],
          },
        ],
      ],
      footer3: ["AccountLinks"],
      footer4: [
        [
          "ExtraLinks",
          {
            links: [
              {
                to: "/store/manufacturer",
                text: "Brands",
              },
              {
                to: "/store/special",
                text: "Special",
              },
              {
                to: "/store/compare",
                text: "Compare",
              },
            ],
          },
        ],
      ],
    },
    "/": {
      contentFullTop: [
        [
          "Slideshow",
          {
            sliderArrows: true,
            sliderNav: true,
            items: [
              "https://img.dreamvention.com/vuefront/banners/Banner_demo_1.jpg",
              "https://img.dreamvention.com/vuefront/banners/Banner_demo_2.jpg",
            ],
          },
        ],
      ],
      contentTop: ["LatestProduct", "SpecialProduct", "LatestPost"],
    },
    "/search/*": {
      contentBottom: ["SearchProduct", "SearchPost"],
    },
    "/store/category*": {
      columnLeft: [
        "StoreCategory",
        [
          "LatestProduct",
          {
            column: true,
          },
        ],
      ],
    },
    "/blog/category*": {
      columnRight: [
        "BlogCategory",
        [
          "LatestPost",
          {
            column: true,
          },
        ],
      ],
    },
    "/store/product/*": {
      contentBottom: ["RelatedProduct"],
    },
    "/blog/post*": {
      columnRight: [
        [
          "LatestPost",
          {
            column: true,
          },
        ],
      ],
    },
    "/account*": {
      columnRight: ["Account"],
    },
    "/store/checkout": {
      contentTop: ["Checkout"],
    },
  },
};