⚗️ Experimenting ad

components/layout/header.vue

@@ -342,27 +342,34 @@ export default {
         })
       }
 
-      setTimeout(() => {
+      let showAd = localStorage.getItem("showAd") === "no"
-        this.$toast.clear()
+      if (!showAd) {
-        this.$toast.show(
+        setTimeout(() => {
-          "<span>Get <u><a href='https://gum.co/keky' target='_blank'>De-Coding The Passion Project</a></u> book, expertly crafted by the creator of Postwoman</span>",
+          this.$toast.clear()
-          {
+          this.$toast.show(
-            icon: "",
+            "<span>Get <u><a href='https://gum.co/keky' target='_blank'>De-Coding The Passion Project</a></u> book, expertly crafted by the creator of Postwoman. Whoosh this away to dimiss →</span>",
-            duration: 0,
+            {
-            theme: "toasted-ad",
+              icon: "",
-            action: [
+              duration: 0,
-              {
+              theme: "toasted-ad",
-                text: "Get",
+              action: [
-                icon: "chevron_right",
+                {
-                onClick: (e, toastObject) => {
+                  text: "Get",
-                  toastObject.goAway(0)
+                  icon: "chevron_right",
-                  window.open("https://gum.co/keky")
+                  onClick: (e, toastObject) => {
+                    localStorage.setItem("showAd", "no")
+                    toastObject.goAway(0)
+                    window.open("https://gum.co/keky")
+                  },
                 },
+              ],
+              onComplete() {
+                localStorage.setItem("showAd", "no")
               },
-            ],
+            }
-          }
+          )
-        )
+        }, 11000)
-      }, 11000)
+      }
 
       let showExtensionsToast = localStorage.getItem("showExtensionsToast") === "yes"