From 20329dac293f4f2e94a8a136d07f8babef96adc1 Mon Sep 17 00:00:00 2001
From: svvimming <benmunozj@gmail.com>
Date: Fri, 8 Sep 2023 14:59:08 -0400
Subject: [PATCH] fix: replace exposed site header method with nav link emitter

---
 components/navbar.vue      | 4 ++--
 components/site-header.vue | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/components/navbar.vue b/components/navbar.vue
index dec3023..61947bd 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -32,11 +32,11 @@ const props = defineProps({
   }
 })
 
-const instance = getCurrentInstance()
+const emit = defineEmits(['nav-link-click'])
 
 // ===================================================================== Methods
 const scrollToSection = async (el) => {
-  instance.parent.exposed.handleNavClick()
+  emit('nav-link-click')
   const id = el.replaceAll('#', '')
   const section = document.getElementById(id)
   if (section) {
diff --git a/components/site-header.vue b/components/site-header.vue
index 2504611..80b91c3 100644
--- a/components/site-header.vue
+++ b/components/site-header.vue
@@ -11,7 +11,8 @@
           <div class="mobile-nav">
             <Navbar
               :links="navigation"
-              class="mobile">
+              class="mobile"
+              @nav-link-click="handleNavClick">
               <div class="nav-item">
                 <ButtonCta
                   tag="nuxt-link"
@@ -169,8 +170,6 @@ const handleNavClick = () => {
   if (navigationOpen.value) { toggleNav() }
 }
 
-defineExpose({ handleNavClick })
-
 </script>
 
 <style lang="scss" scoped>