title: this.$route.name is undefined inside the app.vue when console it inside created()
body: <p>I am using vue3 and I am a newcomer to this. With the use of vue-router I created the routes. But I want to get the this.$route.name inside the app.vue. Therefore tried to get the value inside the created method. But at the beginning that value is undefined.</p>
  <p><a href="https://i.stack.imgur.com/RuSV9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RuSV9.png" alt="This is routes file" /></a></p>
  <p><a href="https://i.stack.imgur.com/EpX8s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EpX8s.png" alt="This is app.vue file" /></a></p>