[markdown-it] Internal links and nuxt router

[raphmarot]

Hi

I use nuxt with external .md files for the content and markdown-it parser.
Is it a way to catch internal links to use nuxt router instead of the generated regular links?

Thx

_{This question is available on Nuxt.js community (#c107)}

[raphmarot]

Solved thanks ;)
Duplicate of #185

<template>
  <div v-html="content">
  </div>
</template>

<script>
export default {
  props: ['content'],
  mounted() {
    this.addListeners()
  },
  beforeDestroy() {
    this.removeListeners()
  },
  watch: {
    'content': 'contentUpdated'
  },
  methods: {
    navigate(event) {
      const href = event.target.getAttribute('href')
      if (href && href[0] === '/') {
        event.preventDefault()
        this.$router.push(href)
      }
    },
    contentUpdated() {
      this.removeListeners()
      this.$nextTick(() => {
        this.addListeners()
      })
    },
    addListeners() {
      this._links = this.$el.getElementsByTagName('a')
      for (let i = 0; i < this._links.length; i++) {
        this._links[i].addEventListener('click', this.navigate, false)
      }
    },
    removeListeners() {
      for (let i = 0; i < this._links.length; i++) {
        this._links[i].removeEventListener('click', this.navigate, false)
      }
      this._links = []
    }
  }
}
</script>

Should be intergrated in markdown-it module btw.

[raphmarot]

Another problem now.

With nuxt generate the content of the md file is not rendered in html, but in the js file. Is there a way to force the html rendering?

Thanks

[raphmarot]

Bump :)

All pages js are in prefetch in every page's head...