Intro

Displays the page title and summary in the current language

On this page

Install usebootstrap-docs

Intro is an experimental component included in the usebootstrap-docs module.

Module installation is required to run

Installation of use-bootstrap-docs NPM Package

npx nuxi@latest module add usebootstrap-docs

Example

By adding Intro the title and summary of the page will be displayed in the current language. (It is recommended to include this in Layouts.)

Page-by-page settings can be made with definePageMeta.

Intro

Displays the page title and summary in the current language

language: en

vue
<script setup lang="ts">
// definePageMeta({
//  'title:en': 'Intro',
//  'description:en': `Displays the page title and summary in the current language`,
//  'title:ja': 'Intro',
//  'description:ja': 'ページのタイトル、概要を現在の言語で表示します'
// })
</script>

<template>
  <Intro />
  <b-p>language: {{ $route.params.lang }}</b-p>
</template>