Opt out of automatic nuxt-link for linking to static content

Is your feature request related to a problem? Please describe.

All links that start with a ‘/’ are replaced with nuxt-link. This makes it impossible to link to some file in the static directory.

Describe the solution you’d like

There should be an option to opt out of autolinking, either as a new component, a tag, or a syntax modification to the link.

[btkostner]

In the mean time, here is a fix I’ve been using to undo the nuxt-link for static files:

import { extname } from 'path'

function maybeFixLink (node) {
  if (node.tag === 'nuxt-link') {
    const ext = extname(node.props.to)

    if (ext !== '') {
      node.tag = 'a'
      node.props.href = node.props.to
      node.props.rel = ['nofollow', 'noopener', 'noreferrer']
      node.props.target = '_blank'

      delete node.props.to
    }
  }

  if (node.children != null) {
    node.children.forEach(maybeFixLink)
  }
}

export default function (document) {
  if (document.extension !== '.md') {
    return
  }

  document.body.children.forEach(maybeFixLink)
}

then just put it on the content:file:beforeInsert like so:

import linkFixes from './link-fixes.js'

export default {
  hooks: {
    'content:file:beforeInsert': linkFixes
  }
}

Working example here: https://github.com/system76/docs/blob/master/modules/link-fixes.js

[schnetzi]

I am having the same issue and I don’t understand why this was closed.

@btkostner thanks for your “temporary” fix.