Por lo general, en vue 2, renderiza un componente que no se cierra en el cambio de ruta, lo incluye directamente en su archivo app.vu. ¿Cómo logro esto en nuxt 2.
Estoy tratando de implementar un módulo de chat y no quiero incluir el componente en cada instancia que se necesita ( That will mean new socket connection on every route )
¿Hay una solución?
Pon eso en tu diseño default , debería ser suficiente.
Más información aquí: https://nuxtjs.org/docs/concepts/views/#default-layout
Algo como esto en /layouts/default.vue
<template> <div> <nav> <ul> <li> <NuxtLink to="/">Home</NuxtLink> </li> <li> <NuxtLink to="/parent">Parent</NuxtLink> </li> </ul> </nav> <main> <img src="~/assets/logo.svg" /> <Nuxt /> </main> </div> </template>Y una simple página debería hacerlo.
<template> <div> <h1>Hello Nuxters! 👋</h1> </div> </template> No es necesario definir un diseño específico aquí, ya que el default es el que se usa por defecto.
Ejemplo de Codesandbox disponible aquí: https://nuxtjs.org/examples/routing/nested-pages
De lo contrario, podría tener su contenido anidado dentro de un contenedor principal principal.