Custom Reveal Ad Marko/Vue components for Mindful Web websites
npm install @mindful-web/marko-web-reveal-ad@mindful-web/marko-web-revel-ad to your project/site.2. Include the Browser plugin.
``js
// your-site/browser/index.js
import RevealAd from '@mindful-web/marko-web-reveal-ad/browser';
RevealAd(Browser);
export default Browser;
`
3. Include the styles
`scss`
// your-site/server/styles/index.scss
@import "@mindful-web/marko-web-reveal-ad/scss/reveal-ad";
4. Load the listener component on all pages, as close to the opening
tag as possible. This is usually handled in a common site document.marko component
`marko
<@head>
<${input.head} />
@head>
<@above-container>
<${input.aboveContainer} />
@above-container>
``