HomeView.vue Component not being shown

here is my views/HomeView.vue file:

<template>
  <JetHeader />
  <div class="home max-h-screen">
    <WelcomeComponent msg="Welcome to Just Eat Takeaway Recipes" />
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Non tellus orci ac
      auctor. At augue eget arcu dictum. Feugiat nisl pretium fusce id velit ut
      tortor pretium viverra. Egestas sed sed risus pretium quam vulputate
      dignissim suspendisse. Hendrerit dolor magna eget est lorem ipsum dolor
      sit. Nec ullamcorper sit amet risus. Libero enim sed faucibus turpis in eu
      mi. Ut morbi tincidunt augue interdum. Enim sed faucibus turpis in. Sit
      amet aliquam id diam maecenas. Sem fringilla ut morbi tincidunt augue
      interdum velit. Pharetra convallis posuere morbi leo urna molestie at
      elementum. Imperdiet nulla malesuada pellentesque elit eget gravida cum.
      Semper eget duis at tellus at urna condimentum. Habitasse platea dictumst
      quisque sagittis purus sit amet volutpat consequat. Cursus eget nunc
      scelerisque viverra mauris in aliquam sem fringilla.
    </p>
  </div>
  <JetFooter />
</template>

<script>
import WelcomeComponent from "@/components/WelcomeComponent.vue";
import JetHeader from "@/components/JetHeader.vue";
import JetFooter from "@/components/JetFooter.vue";
export default {
  name: "WelcomeComponent",
  components: {
    JetHeader,
    JetFooter,
    WelcomeComponent,
  },
};
</script>

App.vue

<template>
  <router-view />
</template>

<script>
export default {
  name: "AppView",
};
</script>