Removed some console messages

website/macos-big-sur-icons/src/components/NativeAd.vue

@@ -0,0 +1,133 @@
+<template>
+  <div :class="{fullWidth: fullWidth, 'mobile-hidden': true}">
+    <p v-if="sponsored" class="coral-Detail coral-Detail--S coral-Detail--light opacity-50">
+      Sponsored
+    </p>
+    <div @click="adClick" class="native-ad-wrapper" :id="adId"> </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+    name:"NativeAd",
+
+    props:{
+      sponsored:'',
+      fullWidth:'',
+      adId: '',
+    },
+
+    components:{},
+    
+    data(){
+        return{
+          isAd: false,
+        }
+    },
+    
+    mounted: function(){
+      let parent = this
+      var adId = parent.adId
+
+      function getAd(el){
+        try {
+          if (typeof _bsa !== 'undefined' && !parent.isAd) {
+            _bsa.init('custom', 'CESDC2QN', 'placement:macosiconscom',
+            {
+              target: '#'+adId,
+              template: `
+                  <a href="##statlink##" target="_blank" rel="noopener sponsored" id="`+adId+`customAd" class="bsa-link coral-card">
+                  <div class="bsa-icon" style="background-image: url(##image##); background-color: ##backgroundColor##;"></div>
+                  <div class="bsa-desc">##company## - ##tagline##</div>
+                  </a>
+                `
+              }
+            );
+          }
+        } catch (error) {
+        }
+      }
+      
+      getAd()
+
+      var attempts = 0       
+      function adExist(){
+        var adExists = document.getElementById(adId).children.length
+        console.log();
+        setTimeout(() => {
+          if (attempts >= 15) return;
+          if (adExists == 0) {
+            try {
+              attempts++
+              getAd()
+              adExist()
+            } catch (error) {
+              getAd()
+              attempts++
+              adExist()
+              parent.isAd = false
+            }
+          } else return
+
+        }, 1500);
+      }
+
+      let el = document.getElementById(adId+"customAd")
+
+      window.BSANativeCallback = (a) => {
+        const total = a.ads.length;
+        if (!total) {
+          getAd(el)
+          parent.isAd = true
+        }
+      }
+
+      if (!parent.isAd) {
+          // // console.log(parent.isAd);
+          // setTimeout(() =>{
+          //   if (!_bsa.exists(el)) {
+          //     getAd(el)
+          //   }
+          // }, 500)
+          try {
+            adExist()
+          } catch (error) {
+          }
+      }
+
+      setTimeout(() =>{
+        let nodeList = document.querySelector("#"+adId).children
+
+          for(let el in nodeList){
+          let newNodeList = document.querySelector("#"+adId).children
+
+          if(newNodeList.length > 1){
+            console.log(newNodeList.length);
+            el.parentNode.removeChild(el);
+          } else{
+            // console.log(newNodeList.length);
+            return
+          }
+
+        };
+      }, 1200)
+
+    },
+
+    methods:{
+      adClick(){
+        let parent = this
+        window.plausible("adClick", {props: {
+          path: parent.$router.currentRoute.name, 
+        }})
+      }
+    }
+}
+</script>
+
+<style>
+  .fullWidth .bsa-link{
+    width: 100%
+  }
+</style>