Vue Nuxt
Tips & Tricks

A collection of Vue, Nuxt and Vite tips, tricks and good practices.

In Nuxt Content, you can easily generate links to the previous and next articles.

<script setup lang="ts">
const route = useRoute();

const [prev, next] = await queryContent()
    .only(['_path', 'title'])
    .sort({ date: -1 })
    .findSurround(route.path);
</script>

<template>
<NuxtLink v-if="prev" :to="prev._path">
    <span>previous</span>
</NuxtLink>
</template>