Danny/connect docs patch 1 (#16549)

* Update _app.tsx

* Adding Vector script

* Update VectorConnect.tsx

Author: dannyroosevelt

docs-v2/components/VectorConnect.tsx

@@ -0,0 +1,21 @@
+import Script from "next/script";
+
+export default function VectorConnect() {
+  return (
+    <Script strategy="lazyOnload">
+      {
+        `
+        // Script for loading Vector with ID d354cbca-d3d5-4395-9955-92b515283489
+        // If Vector is already initialized, just call load with our ID
+        if (typeof window !== "undefined" && window.vector) {
+          window.vector.load("d354cbca-d3d5-4395-9955-92b515283489");
+        } else {
+          // Otherwise initialize Vector as normal
+          !function(e,r){try{if(e.vector)return void console.log("Vector snippet included more than once.");var t={};t.q=t.q||[];for(var o=["load","identify","on"],n=function(e){return function(){var r=Array.prototype.slice.call(arguments);t.q.push([e,r])}},c=0;c<o.length;c++){var a=o[c];t[a]=n(a)}if(e.vector=t,!t.loaded){var i=r.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://cdn.vector.co/pixel.js";var l=r.getElementsByTagName("script")[0];l.parentNode.insertBefore(i,l),t.loaded=!0}}catch(e){console.error("Error loading Vector:",e)}}(window,document);
+          window.vector && window.vector.load("d354cbca-d3d5-4395-9955-92b515283489");
+        }
+        `
+      }
+    </Script>
+  );
+}

docs-v2/pages/_app.tsx

@@ -6,6 +6,7 @@ import { useRouter } from "next/router";
 import CR from "@/components/CR";
 import RB2B from "@/components/RB2B";
 import Vector from "@/components/Vector";
+import VectorConnect from "@/components/VectorConnect";
 
 export default function MyApp({
   Component, pageProps,
@@ -20,6 +21,7 @@ export default function MyApp({
       <>
         <CR />
         <RB2B />
+        <VectorConnect />
       </>
     );
   }