Use NuxtLink in nuxt applications

d0rich · Nov 11, 2023 · 6bf2fc0 · 6bf2fc0
1 parent 19b6d00
commit 6bf2fc0
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/esprit-design/src/composables/router.ts b/packages/esprit-design/src/composables/router.ts
@@ -12,9 +12,14 @@ export function useLink(props: LinkProps) {
   const RouterLink = resolveDynamicComponent('RouterLink') as
     | typeof _RouterLink
     | string
-  const NuxtLink = resolveDynamicComponent('NuxtLink') as
-    | typeof _RouterLink
-    | string
+  const NuxtLink =
+    // @ts-ignore
+    typeof defineNuxtLink === 'function'
+      // @ts-ignore
+      ? (defineNuxtLink({
+          componentName: 'DNuxtLink'
+        }) as typeof _RouterLink)
+      : undefined
 
   const isLink = computed(() => !!(props.href || props.to))
   const isExternalLink = computed(() => {
@@ -28,7 +33,7 @@ export function useLink(props: LinkProps) {
     )
   })
 
-  if (typeof NuxtLink !== 'string') {
+  if (typeof NuxtLink !== 'undefined') {
     return {
       isLink,
       isExternalLink,