Pages
Meta
To add Title and Description meta tags to your page, please use definePageMeta.
The PageMeta information is also used in components such as Intro.
vue/pages/**/*.vue
<script setup lang="ts">
definePageMeta({
title: 'Intro',
description: `Displays the page title and summary in the current language`,
});
</script>
<template>
<Intro />
</template>
Localization
To support multiple languages, refer to Localization .
Site
URL
When you’ve determined the URL for publication, configure it in your nuxt.config.ts.
tsnuxt.config.ts
export default defineNuxtConfig({
site: {
url: 'https://usebootstrap.org',
},
});
Favicon
The favicon should be saved in the public folder and configured in your nuxt.config.ts.
tsnuxt.config.ts
export default defineNuxtConfig({
app: {
head: {
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
],
},
},
});
Prerendering
The PageMeta information is also used in components such as Intro.
tsnuxt.config.ts
export default defineNuxtConfig({
routeRules: {
'/': { prerender: true },
'/sitemap.xml': { prerender: true },
'/pages/**': { prerender: true },
'/dynamic/**': { prerender: false },
},
});