28. Creación de nuevas rutas con Vue Router

1.- Se crea un nuevo componente llamado BlogView.vue dentro de la ruta \src\views\ lo cual ahora para con los componentes creados dentro de la carpeta \src\views\ el nombre del archivo debe terminar con View.vue para distinguir de que es un componente de tipo vista

quedando la estructura del componente BlogView.vue

<template>
<h1>Bienvenido al Blog <[^_^]></h1>
</template>

<script>
export default{
}
</script>

<style scoped>

</style>

2.- Generar la ruta del Blog en el archivo \src\router\index.js 

import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
const router = createRouter({
 history: createWebHistory(import.meta.env.BASE_URL),
 routes: [
   {
     path: '/',
     name: 'home',
     component: HomeView
   },
   {
     path: '/about',
     name: 'about',
     // route level code-splitting
     // this generates a separate chunk (About.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
     component: () => import('../views/AboutView.vue')
   },
   {
     path: '/blog',
     name: 'blog',
     component: () => import('../views/BlogView.vue')
   }
 ]
})
export default router

3.- En el componente principal App.vue dentro de las etiquetas <template></template> debe de queda así:

<template>
 <header>
   <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
   <div class="wrapper">
     <HelloWorld msg="You did it!" />
     <nav>
       <RouterLink to="/">Home</RouterLink>
       <RouterLink to="/about">About</RouterLink>
       <RouterLink to="/blog">Blog</RouterLink>
     </nav>
   </div>
 </header>
 <RouterView />
</template>

Component name "Blog" should always be multi-word 

Me sale el siguiente error: Component name "Blog" should always be multi-word.eslintvue/multi-word-component-names. Como puedo solucionarlo?