Footer

<snt-app class="lush"
        #default="{ _, theme, breakpoint, route, router,
                    scrollY, isAuth, purchasesQuantity,
                    productCategories, productBrands }">
  <snt-section name="ฟุตเตอร์">
    <template v-if="!_.includes(['SalePageCheckout'], route.name)">
      <div class="lush-footer">
        <div class="lush-footer-wave">
          <svg id="svgWave" class="lush-footer-wave__svg" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 2048 44.4" preserveAspectRatio="none"><path fill="#000" d="M222.9,44.4c146.3,0,360.7-22.4,527-22.4s274,10.6,274,10.6s76.7,11.8,223,11.8S1607.6,22,1774,22 s274,10.6,274,10.6V21H1024H0v11.6C0,32.6,76.6,44.4,222.9,44.4z"></path><path fill="#000" d="M1825.1,0c-146.3,0-360.7,22.4-527,22.4s-274-10.6-274-10.6S947.4,0,801.1,0S440.4,22.4,274,22.4 S0,11.8,0,11.8v11.6h1024h1024V11.8C2048,11.8,1971.4,0,1825.1,0z"></path></svg>
        </div>
        <snt-container fluid>
          <snt-row no-gutters>
            <snt-col cols="12" md="6">
            </snt-col>
            <snt-col cols="12" md="3">
              <snt-footer :items="[
                            {
                                label: 'Instagram',
                                href: 'https://www.instagram.com/'
                            },
                            {
                                label: 'Facebook',
                                href: 'https://www.facebook.com/'
                            },
                            {
                                label: 'Youtube',
                                href: 'https://www.youtube.com/'
                            }
                          ]"
                          title="Socials"
              />
            </snt-col>
            <snt-col cols="12" md="3">
              <snt-footer :items="[
                            {
                                label: 'Vuetifyjs',
                                href: 'https://vuetifyjs.com/'
                            },
                            {
                                label: 'Nuxtjs',
                                href: 'https://nuxtjs.org/'
                            },
                            {
                                label: 'Vuejs',
                                href: 'https://vuejs.org/'
                            }
                          ]"
                          title="External site"
              />
            </snt-col>
          </snt-row>
        </snt-container>
        <snt-container fluid>
          <snt-row no-gutters>
            <snt-col cols="12">
              <div class="d-flex align-center justify-end">
                <snt-text label="© 2021 Lush.com" />
              </div>
            </snt-col>
          </snt-row>
        </snt-container>
      </div>
    </template>
  </snt-section>
</snt-app>