Estoy probando el módulo de contenido nuxt. Creé un directorio llamado "artículos" dentro de la carpeta de contenido que contiene 2 archivos md con algunos datos ficticios. luego, dentro de las páginas tengo una carpeta llamada "tutoriales" que contiene "_slug.vue" e index.vue
la página de índice muestra solo el título de los artículos y funciona bien. cada título enlaza con el artículo real usando ruta/slug. el problema es que me sale pagina no encontrada. aquí está mi código: index.vue:
<template> <div> <article v-for="article of articles" :key="article.id"> <nuxt-link :to="`/tutorials/${article.slug}`"> {{ article.slug }} </nuxt-link> </article> </div> </template> <script> export default { async asyncData({ $content, params }) { const articles = await $content('articles', params.slug) .only(['title', 'slug']) .sortBy('createdAt', 'asc') .fetch() return { articles, } }, } </script>_slug.vue:
<template> <div> <nuxt-content :document="article" /> </div> </template> <script> export default { async asyncData({ $content, params }) { const article = await $content('articles', params.slug).fetch() return { article, } }, } </script> <style></style>gracias.