NUXT_FRONTEND/components/Footer.vue

<template>
  <footer class="footer">
    <div class="footer__top">
      <div class="footer-top section">
        <div class="footer-top__wrapper section-wrapper section-wrapper_extra">
          <div class="footer-top__grid">
            <div class="footer-top__grid-list">
              <div class="footer-top__grid-item">
                <FooterNav />
              </div>
              <div class="footer-top__grid-item">
                <div class="footer-top__about">
                  <p>
                    СМИ ИА "Амител" Свидетельство о регистрации СМИ ИА № ФС 77 -
                    78300 от 15.05.2020 выдано федеральной службой по надзору в
                    сфере связи, информационных технологий и массовых
                    коммуникаций (Роскомнадзор)
                  </p>
                  <p>
                    Учредитель: ООО "Амител", Главный редактор: Елена Викторовна
                    Пацар.
                  </p>
                  <p>
                    Выписка из реестра зарегистрированных СМИ сетевое издание "Интернет-Сайт АМИЦ.РУ", серия Эл №ФС77-82910 от 31.03.2022 г., выдано Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций.
		  </p>
		  <p>
		    Учредитель:  ООО «Траст-2» (ОГРН 1212200026543).
                  </p>
                  <p>
                    Россия, Алтайский край, 656049 г. Барнаул, пр.
                    Социалистический, 109 каб.305А тел.: Реклама (7-385-2)
                    27-18-18, Редакция (7-385-2) 59-44-66, (7-385-2) 59-33-66
                    <a href="mailto:news@amic.ru">news@amic.ru</a>
                  </p>
                  <p>
                    Настоящий ресурс может содержать материалы 18+. При полном
                    или частичном использовании любой информации и
                    фотоматериалов гиперссылка на сайт ИА «Амител» обязательна.
                    Редакция может не разделять точку зрения авторов.
                  </p>
                </div>
              </div>
              <div class="footer-top__grid-item">
                <FooterSocials />
                <div class="footer-top__live">
                  <div class="footer-top__live-item">
                    <client-only>
                      <script>
                        (function(i, s, o, g, r, a, m) {
                          i["GoogleAnalyticsObject"] = r;
                          (i[r] =
                            i[r] ||
                            function() {
                              (i[r].q = i[r].q || []).push(arguments);
                            }),
                            (i[r].l = 1 * new Date());
                          (a = s.createElement(o)),
                            (m = s.getElementsByTagName(o)[0]);
                          a.async = 1;
                          a.src = g;
                          m.parentNode.insertBefore(a, m);
                        })(
                          window,
                          document,
                          "script",
                          "//www.google-analytics.com/analytics.js",
                          "ga"
                        );
                        ga("create", "UA-21345164-1", "auto");
                        ga("send", "pageview");
                        if (
                          !document.referrer ||
                          document.referrer
                            .split("/")[2]
                            .indexOf(location.hostname) != 0
                        )
                          setTimeout(function() {
                            ga(
                              "send",
                              "event",
                              "New visitor",
                              location.pathname
                            );
                          }, 15000);
                      </script>
                      <script type="text/javascript">
                        (function(m, e, t, r, i, k, a) {
                          m[i] =
                            m[i] ||
                            function() {
                              (m[i].a = m[i].a || []).push(arguments);
                            };
                          m[i].l = 1 * new Date();
                          (k = e.createElement(t)),
                            (a = e.getElementsByTagName(t)[0]),
                            (k.async = 1),
                            (k.src = r),
                            a.parentNode.insertBefore(k, a);
                        })(
                          window,
                          document,
                          "script",
                          "https://mc.yandex.ru/metrika/tag.js",
                          "ym"
                        );
                        ym(34950850, "init", {
                          defer: true,
                          clickmap: true,
                          trackLinks: true,
                          accurateTrackBounce: true,
                          webvisor: true
                        });
                      </script>
                      <noscript>
                        <div>
                          <img
                            src="https://mc.yandex.ru/watch/34950850"
                            style="position:absolute; left:-9999px;"
                            alt=""
                          />
                        </div>
                      </noscript>
                      <script>
                        window.ioObject = "io";
                        (function(i) {
                          window[i] =
                            window[i] ||
                            function() {
                              (window[i].a = window[i].a || []).push(arguments);
                            };
                        })(window.ioObject);
                      </script>
                      <script
                        src="https://cdn.gravitec.net/storage/07d74c576c648b07e17f75eefa25d12d/client.js"
                        async
                      ></script>
                      <!-- Rating@Mail.ru counter -->
                      <script type="text/javascript">
                        var _tmr = _tmr || [];
                        _tmr.push({
                          id: "55851",
                          type: "pageView",
                          start: new Date().getTime()
                        });
                        (function(d, w) {
                          var ts = d.createElement("script");
                          ts.type = "text/javascript";
                          ts.async = true;
                          ts.src =
                            (d.location.protocol == "https:"
                              ? "https:"
                              : "http:") + "//top-fwz1.mail.ru/js/code.js";
                          var f = function() {
                            var s = d.getElementsByTagName("script")[0];
                            s.parentNode.insertBefore(ts, s);
                          };
                          if (w.opera == "[object Opera]") {
                            d.addEventListener("DOMContentLoaded", f, false);
                          } else {
                            f();
                          }
                        })(document, window);
                      </script>
                      <noscript
                        ><div style="position: absolute; left: -10000px">
                          <img
                            src="//top-fwz1.mail.ru/counter?id=55851;js=na"
                            style="border: 0"
                            height="1"
                            width="1"
                            alt="Рейтинг@Mail.ru"
                          /></div
                      ></noscript>
                      <!-- //Rating@Mail.ru counter -->

                      <FooterLiveInternet />

                      <!-- Rating@Mail.ru logo -->
                      <a
                        href="https://top.mail.ru/jump?from=55851"
                        rel="nofollow"
                        ><img
                          src="//top-fwz1.mail.ru/counter?id=55851;t=408;l=1"
                          style="border: 0"
                          height="31"
                          width="88"
                          alt="Рейтинг@Mail.ru"
                      /></a>
                      <!-- //Rating@Mail.ru logo -->
                    </client-only>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer__bottom">
      <div class="footer-bottom section">
        <div class="footer-bottom__wrapper section-wrapper">
          <div class="footer-bottom__info">
            <span
              >&copy;&nbsp;ООО &laquo;Амител&raquo;,
              <template v-if="year">1999&ndash;{{ year }}</template> </span
            ><span
              >Провайдер&nbsp;&mdash;
              <a href="https://company.ttk.ru/" target="_blank"
                >&laquo;TTK&raquo;</a
              ></span
            >
          </div>
          <div class="footer-bottom__vt">
            <span>Сайт сделан</span
            ><a href="https://vt.digital/" target="_blank">
              <BaseIcon :name="'vt'" /> VT Digital
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="footer__banner">
      <div class="footer-banner section">
        <div class="footer-banner__wrapper section-wrapper">
          <BannersFooter></BannersFooter>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  data() {
    return {
      year: null
    };
  },

  async mounted() {
    if (this.$cookies.isKey("year")) {
      this.year = this.$cookies.get("year");
      return;
    }

    const response = await this.$axios.$get(
      "https://api.amic.ru/api/v1/informer/date"
    );
    this.year = response.data.year;

    this.$cookies.set("year", this.year, "1d");
  }
};
</script>

<style lang="less">
.footer-top__about {
  a {
    color: #3b5573;
    &:hover {
      color: #f6911f;
    }
  }
}
.footer-nav {
  &__item {
    margin-bottom: 10px;
  }
  &__link {
    line-height: 120%;
  }
}
.footer-banner {
  margin-top: 10px;
}
</style>