Skip to content

prototypsthlm/nuxt-interpolation

Repository files navigation

Nuxt 3 Interpolation Module

Port to nuxt 3/vue 3 of nuxt-interpolation module.

Which is a:

Nuxt module as directive for binding every link to catch the click event, and if it's a relative link router will push. For improved security rel="noopener" will be added automatically if target is _blank.

Setup

  • Add @prototyp-stockholm/nuxt-interpolation as dependency
  • Add @prototyp-stockholm/nuxt-interpolation to modules section of nuxt.config.js
{
  modules: [
    ['@prototyp-stockholm/nuxt-interpolation']
  ]
}

Usage

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

Development

  • Run npm run dev:prepare to generate type stubs.
  • Use npm run dev to start playground in development mode.