From 9c39701a6870a3122a3a9227c246c578be5726ad Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Mon, 18 Sep 2023 10:01:34 -0400
Subject: [PATCH 1/4] Fix checkbox styling in form

---
 components/Base/HsForm.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/components/Base/HsForm.vue b/components/Base/HsForm.vue
index 19fcfc03..6fcf9fb5 100644
--- a/components/Base/HsForm.vue
+++ b/components/Base/HsForm.vue
@@ -155,10 +155,33 @@ watch(formId, renderHsForm);
 		}
 	}
 
+	:deep(.hs-field-desc) {
+		color: var(--gray-400);
+		padding: 0;
+	}
+
 	:deep(select) {
 		appearance: none;
 	}
 
+	:deep(.inputs-list) {
+		list-style: none;
+		padding: 0;
+		margin-block-start: var(--space-6);
+	}
+
+	:deep(.hs-form-booleancheckbox > label) {
+		display: flex;
+		align-items: center;
+
+		input {
+			height: auto;
+			width: auto !important;
+			margin: 0;
+			margin-right: 0.5rem;
+		}
+	}
+
 	:deep(.hs-fieldtype-select .input) {
 		position: relative;
 

From 631c972a625e9476b392541e64cab3e96bd48713 Mon Sep 17 00:00:00 2001
From: Bryant Gillespie <hey@bryantgillespie.com>
Date: Mon, 18 Sep 2023 14:56:16 -0400
Subject: [PATCH 2/4] catch internal links and use router (#73)

* catch internal links and use router

* fix public url type erorr

* Rework link logic to directive

* Preventdefault at the end

In case the navigate fails

---------

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
---
 components/Base/Heading.vue |  2 +-
 components/Base/Quote.vue   |  2 +-
 components/Base/Text.vue    |  1 +
 components/Block/Code.vue   |  1 +
 components/Nav/Banner.vue   |  2 +-
 components/Nav/Footer.vue   |  2 +-
 nuxt.config.ts              |  3 +++
 plugins/links.ts            | 34 ++++++++++++++++++++++++++++++++++
 8 files changed, 43 insertions(+), 4 deletions(-)
 create mode 100644 plugins/links.ts

diff --git a/components/Base/Heading.vue b/components/Base/Heading.vue
index 93f6c145..8e45d7a9 100644
--- a/components/Base/Heading.vue
+++ b/components/Base/Heading.vue
@@ -40,7 +40,7 @@ const iconSize = computed(() => {
 			<BaseIcon v-if="icon && size !== 'title'" :name="icon" :size="iconSize" :weight="700" />
 
 			<!-- eslint-disable-next-line vue/no-v-html -->
-			<span class="content" v-html="content" />
+			<span v-links class="content" v-html="content" />
 		</component>
 	</div>
 </template>
diff --git a/components/Base/Quote.vue b/components/Base/Quote.vue
index 022643cc..1a2ab632 100644
--- a/components/Base/Quote.vue
+++ b/components/Base/Quote.vue
@@ -12,7 +12,7 @@ defineProps<BaseQuoteProps>();
 <template>
 	<div class="base-quote">
 		<!-- eslint-disable-next-line vue/no-v-html -->
-		<blockquote class="quote" v-html="quote" />
+		<blockquote v-links class="quote" v-html="quote" />
 
 		<BaseByline :name="personName" :title="personTitle" :image="personImage" />
 	</div>
diff --git a/components/Base/Text.vue b/components/Base/Text.vue
index 76a372f4..0a3bc6a3 100644
--- a/components/Base/Text.vue
+++ b/components/Base/Text.vue
@@ -26,6 +26,7 @@ withDefaults(defineProps<BaseTextProps>(), {
 	<div class="base-text-container">
 		<!-- eslint-disable vue/no-v-html -->
 		<div
+			v-links
 			class="base-text"
 			:class="[`align-${align}`, `size-${size}`, `type-${type}`, `color-${color}`]"
 			v-html="content"
diff --git a/components/Block/Code.vue b/components/Block/Code.vue
index ce33deb3..326cfb18 100644
--- a/components/Block/Code.vue
+++ b/components/Block/Code.vue
@@ -55,6 +55,7 @@ const activeSnippet = ref(0);
 				v-for="(snippet, index) in snippets"
 				v-show="activeSnippet === index"
 				:key="snippet.name"
+				v-links
 				class="snippet"
 				v-html="snippet.html"
 			/>
diff --git a/components/Nav/Banner.vue b/components/Nav/Banner.vue
index 07006c98..f4917469 100644
--- a/components/Nav/Banner.vue
+++ b/components/Nav/Banner.vue
@@ -32,7 +32,7 @@ const dismiss = (id: string) => {
 			<NuxtLink class="link" :href="banner.link ?? undefined">
 				<BaseIcon v-if="banner.icon" class="icon" :name="banner.icon" size="small" />
 				<!-- eslint-disable-next-line vue/no-v-html -->
-				<span class="content" v-html="banner.content" />
+				<span v-links class="content" v-html="banner.content" />
 				<BaseIcon class="arrow" name="arrow_forward" size="small" />
 			</NuxtLink>
 
diff --git a/components/Nav/Footer.vue b/components/Nav/Footer.vue
index 53d510f0..7ec94ce1 100644
--- a/components/Nav/Footer.vue
+++ b/components/Nav/Footer.vue
@@ -58,7 +58,7 @@ const socials = {
 						</NuxtLink>
 
 						<!-- eslint-disable-next-line vue/no-v-html -->
-						<div v-if="globals" class="description" v-html="globals.description" />
+						<div v-if="globals" v-links class="description" v-html="globals.description" />
 					</li>
 
 					<li v-for="group of navPrimary.items" :key="group.id">
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 8d05d2e3..ac913ed4 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -61,6 +61,9 @@ export default defineNuxtConfig({
 			gtm: {
 				id: process.env.GOOGLE_TAG_MANAGER_ID!,
 			},
+			site: {
+				url: process.env.NUXT_PUBLIC_SITE_URL!,
+			},
 		},
 	},
 
diff --git a/plugins/links.ts b/plugins/links.ts
new file mode 100644
index 00000000..f13d5f37
--- /dev/null
+++ b/plugins/links.ts
@@ -0,0 +1,34 @@
+export default defineNuxtPlugin((nuxtApp) => {
+	nuxtApp.vueApp.directive('links', {
+		mounted(el: HTMLElement) {
+			const anchors = Array.from(el.getElementsByTagName('a'));
+
+			for (const anchor of anchors) {
+				const href = anchor.getAttribute('href');
+
+				if (!href) return;
+
+				const url = new URL(href, window.location.origin);
+
+				const isLocal = url.hostname === 'directus.io';
+
+				if (isLocal) {
+					anchor.addEventListener('click', (e) => {
+						const { pathname, searchParams, hash } = new URL(anchor.href);
+
+						navigateTo({
+							path: pathname,
+							hash: hash,
+							query: Object.fromEntries(searchParams.entries()),
+						});
+
+						e.preventDefault();
+					});
+				} else {
+					anchor.setAttribute('target', '_blank');
+					anchor.setAttribute('rel', 'noopener noreferrer');
+				}
+			}
+		},
+	});
+});

From 67b59778a2fb11c6c971e07e1eeb70787e42e05d Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Mon, 18 Sep 2023 14:57:04 -0400
Subject: [PATCH 3/4] Remove unused config piece

---
 nuxt.config.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index ac913ed4..8d05d2e3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -61,9 +61,6 @@ export default defineNuxtConfig({
 			gtm: {
 				id: process.env.GOOGLE_TAG_MANAGER_ID!,
 			},
-			site: {
-				url: process.env.NUXT_PUBLIC_SITE_URL!,
-			},
 		},
 	},
 

From 4b52f4537a5bb3e28ccdf980e3ad688cede8df5e Mon Sep 17 00:00:00 2001
From: Bryant Gillespie <hey@bryantgillespie.com>
Date: Mon, 18 Sep 2023 16:04:22 -0400
Subject: [PATCH 4/4] Open External Header Links in New Tab (#72)

* open outgoing links in new tab

* fix public url type erorr

* Simplify

* Remove unused import

* No longer needed

---------

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
---
 components/Nav/Header.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/Nav/Header.vue b/components/Nav/Header.vue
index d0936b81..3740fd94 100644
--- a/components/Nav/Header.vue
+++ b/components/Nav/Header.vue
@@ -121,6 +121,7 @@ watch(
 							v-if="section.url || (section.page as any)?.permalink"
 							:href="(section.page as any)?.permalink ?? section.url ?? undefined"
 							class="section-title"
+							:target="!section.page && section.url ? '_blank' : undefined"
 						>
 							{{ section.title }}
 						</NuxtLink>
@@ -143,7 +144,11 @@ watch(
 										<div v-if="section.children_title" class="subsection-title">{{ section.children_title }}</div>
 										<ul v-if="section.children && section.children.length > 0">
 											<li v-for="link in section.children" :key="link.id">
-												<NuxtLink :href="(link.page as any)?.permalink ?? link.url ?? undefined" class="link">
+												<NuxtLink
+													:href="(link.page as any)?.permalink ?? link.url ?? undefined"
+													class="link"
+													:target="!link.page && link.url ? '_blank' : undefined"
+												>
 													<BaseDirectusImage
 														v-if="link.image"
 														:uuid="(link.image as string)"