NUXT_FRONTEND/components/Banners/Footer.vue

<template>
  <div class="footer-banner">
    <div class="footer-banner_desktop">
      <div id="adfox_164213942556789036"></div>
    </div>
  </div>
</template>

<script>
export default {
  watch:{
    $route (to, from){
        Ya.adfoxCode.reload('adfox_164213942556789036')
    }
  },
  mounted() {
    window.yaContextCb.push(() => {
      Ya.adfoxCode.create({
        ownerId: 279920,
        containerId: "adfox_164213942556789036",
        params: {
          pp: "g",
          ps: "dbpj",
          p2: "hikd",
        },
      });
    });
  },
};
</script>

<style lang="less" scoped>
.footer-banner {
  width: 100%;
  min-height: auto;
  text-align: center;
  position: relative;
  //   background-color: blue;
  //   &::after {
  //     content: "Футер";
  //     position: absolute;
  //   }
}
.footer-banner_desktop {
  display: block;
}
.header-banner_mobile {
  display: none;
}

@media all and (max-width: 576px) {
  .footer-banner_desktop {
    display: none;
  }
  .footer-banner_mobile {
    display: block;
  }
}
</style>