feat: dedicated nuxt export (#20)

Author: TheAlexLichter

lib/index.js

@@ -32,7 +32,7 @@ const isExternal = props => !props.to ||
   /^(http|\/\/)/.test(props.to) ||
   props.external
 
-const vueLinkFactory = slashes => ({
+const vueLinkFactory = (slashes, isNuxt) => ({
   functional: true,
   render: (h, { data, children, props }) => {
     data.props = props
@@ -44,6 +44,8 @@ const vueLinkFactory = slashes => ({
       data.props.to = modifySlashes(data.props.slashes, data.props.to)
     }
 
+    const linkComponent = isNuxt ? 'NuxtLink' : 'RouterLink'
+
     return isLinkedToExternal
       ? h('a', {
         ...data,
@@ -54,11 +56,12 @@ const vueLinkFactory = slashes => ({
           target: data.props.target || (data.props.newTab ? '_blank' : undefined)
         }
       }, children)
-      : h('router-link', data, children)
+      : h(linkComponent, data, children)
   }
 })
 
 export const VueLink = vueLinkFactory()
+export const ForNuxt = vueLinkFactory(undefined, true)
 export const VueLinkAddSlash = vueLinkFactory(slashOptions.ADD)
 export const VueLinkStripSlash = vueLinkFactory(slashOptions.STRIP)
 

test/VueLink.spec.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import { createLocalVue, mount, RouterLinkStub } from '@vue/test-utils'
 import VueRouter from 'vue-router'
-import { VueLink, VueLinkAddSlash, VueLinkStripSlash } from '../lib'
+import { VueLink, VueLinkAddSlash, VueLinkStripSlash, ForNuxt } from '../lib'
 
 const localVue = createLocalVue()
 localVue.use(VueRouter)
@@ -285,6 +285,61 @@ describe('VueLink', () => {
   })
 })
 
+describe('ForNuxt', () => {
+  describe('nuxt-link', () => {
+    it('does link to the correct internal page', () => {
+      const wrapper = mount(ForNuxt, {
+        localVue,
+        attachToDocument: true,
+        stubs: {
+          NuxtLink: RouterLinkStub
+        },
+        context: {
+          props: {
+            to: '/test'
+          }
+        },
+        slots: {
+          default: hiComponent
+        }
+      })
+
+      expect(wrapper.isVueInstance()).toBe(true)
+      expect(wrapper.contains(RouterLinkStub)).toBe(true)
+
+      const link = wrapper.find(RouterLinkStub)
+
+      expect(link.vm.$props.to).toBe('/test')
+    })
+    it('does apply custom props', () => {
+      const wrapper = mount(ForNuxt, {
+        localVue,
+        attachToDocument: true,
+        stubs: {
+          NuxtLink: RouterLinkStub
+        },
+        context: {
+          props: {
+            to: '/test',
+            title: 'ABC'
+          }
+        },
+        slots: {
+          default: '<div>Hi</div>'
+        }
+      })
+
+      expect(wrapper.isVueInstance()).toBe(true)
+      expect(wrapper.contains(RouterLinkStub)).toBe(true)
+
+      const link = wrapper.find(RouterLinkStub)
+
+      expect(link.vm.$props.to).toBe('/test')
+      expect(wrapper.html()).toMatchSnapshot()
+    })
+  })
+})
+
 describe('VueLinkStripSlash', () => {
   it('strips slashes', () => {
     const wrapper = mount(VueLinkStripSlash, {

test/__snapshots__/VueLink.spec.js.snap

@@ -1,5 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`ForNuxt nuxt-link does apply custom props 1`] = `
+<a>
+  <div>Hi</div>
+</a>
+`;
+
 exports[`VueLink external does bind classp 1`] = `
 <a rel="noopener" class="static">
   <div>Hi</div>