Add varify

src/components/Analytics/Varify.astro

@@ -1,7 +1 @@
-<!-- Varify.io® code for roadmap-->
+
-<script>
-  // @ts-nocheck
-  window.varify = window.varify || {};
-  window.varify.iid = 4013;
-</script>
-<script src='https://app.varify.io/varify.js'></script>

src/components/Analytics/analytics.ts

@@ -1,6 +1,7 @@
 declare global {
   interface Window {
     gtag: any;
+    varify: any;
     fireEvent: (props: {
       action: string;
       category: string;

src/layouts/BaseLayout.astro

@@ -36,6 +36,7 @@ export interface Props {
   jsonLd?: Record<string, unknown>[];
   resourceId?: string;
   resourceType?: ResourceType;
+  hasVarify?: boolean;
 }
 
 const {
@@ -52,6 +53,7 @@ const {
   initialLoadingMessage = '',
   resourceId,
   resourceType,
+  hasVarify = false,
 } = Astro.props;
 
 // Remove trailing slashes to consider the page as canonical
@@ -152,6 +154,18 @@ const gaPageIdentifier = Astro.url.pathname
     <link rel='preconnect' href='https://www.google-analytics.com/' />
     <link rel='preconnect' href='https://api.roadmap.sh/' />
 
+    {
+      hasVarify && (
+        <Fragment>
+          <script>
+            window.varify = window.varify || {};
+            window.varify.iid = 4013;
+          </script>
+          <script src='https://app.varify.io/varify.js' />
+        </Fragment>
+      )
+    }
+
     <slot name='after-header' />
     {
       jsonLd.length > 0 && (

src/layouts/SkeletonLayout.astro

@@ -1,17 +1,12 @@
 ---
-import Varify from '../components/Analytics/Varify.astro';
 import BaseLayout, { type Props as BaseLayoutProps } from './BaseLayout.astro';
 
-export interface Props extends BaseLayoutProps {
+export interface Props extends BaseLayoutProps {}
-  hasVarify?: boolean;
-}
 
 const props = Astro.props;
 ---
 
 <BaseLayout {...props}>
-  {props.hasVarify && <Varify slot='after-header' />}
-
   <div slot='course-announcement'></div>
   <div slot='page-header'></div>
   <slot />