How can I use <keep-alive> in Nuxt.js?

Question

I am using Video.js in my Nuxt.js project but I don't want the video to start over again from beginning when I change the view of the application. Due to that it would be good to use the tags on the tag.

Answer 1

layout/default.vue

<template>
  <nuxt keep-alive/>
</template>

References:

• https://github.com/nuxt/nuxt.js/tree/dev/examples/with-keep-alive
• https://github.com/nuxt/nuxt.js/releases/tag/v1.2.0
• https://nuxtjs.org/api/components-nuxt-child/

Answer 2

For those who want to pass props to keep-alive, something like this should do the trick:

<template>
    <nuxt keep-alive :keep-alive-props="{include: ['name_of_component']}" />
</template>