resolving NuxtLinkcomponent properly (#595)

nasa-jpl · Sep 5, 2024 · 9418a27 · 9418a27
1 parent 5b69aa9
commit 9418a27
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/vue/src/components/BaseButton/BaseButton.vue b/packages/vue/src/components/BaseButton/BaseButton.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, resolveComponent } from 'vue'
 
 interface Variants {
   [key: string]: string
@@ -54,11 +54,11 @@ export default defineComponent({
   },
   emits: ['click'],
   computed: {
-    tag(): string {
+    tag() {
       if (this.disabled) {
         return 'button'
       } else if (this.to) {
-        return 'nuxt-link'
+        return resolveComponent('NuxtLink')
       } else if (this.href) {
         return 'a'
       } else {

diff --git a/packages/vue/src/components/BlockRelatedLinks/RelatedLink.vue b/packages/vue/src/components/BlockRelatedLinks/RelatedLink.vue
@@ -18,7 +18,7 @@
   </component>
 </template>
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, resolveComponent } from 'vue'
 import IconArrow from './../Icons/IconArrow.vue'
 import IconDownload from './../Icons/IconDownload.vue'
 import IconExternal from './../Icons/IconExternal.vue'
@@ -59,7 +59,7 @@ export default defineComponent({
   computed: {
     tag() {
       if (this.to) {
-        return 'nuxt-link'
+        return resolveComponent('NuxtLink')
       } else {
         return 'a'
       }