Failed to resolve component

[Vue warn]: Failed to resolve component: Section
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
  at <AboutUs> 
  at <HomeView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <SimmerStudios onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

[Vue warn]: Failed to resolve component: Section
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
  at <AboutUs> 
  at <HomeView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <SimmerStudios onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

[Vue warn]: Failed to resolve component: Section
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
  at <LastSection> 
  at <SimmerStudios onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

[Vue warn]: Failed to resolve component: Section
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
  at <LastSection> 
  at <SimmerStudios onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

    {
      path: '/simmer-studios',
      name: 'simmer-studios',
      component: () => import('../views/SimmerStudios/SimmerStudios.vue'),
      children: [
        {
          path: '',
          name: 'simmerStudiosHome',
          component: () => import('@/components/SimmerStudios/Home/HomeView.vue')
        },
        {
          path: 'works',
          name: 'simmerStudiosWorks',
          component: () => import('@/components/SimmerStudios/Works/WorksView.vue')
        }
      ]
    },

    {
      path: '/simmer-studios',
      name: 'simmer-studios',
      component: () => import('../views/SimmerStudios/SimmerStudios.vue'),
      children: [
        {
          path: '',
          name: 'simmerStudiosHome',
          component: () => import('@/components/SimmerStudios/Home/HomeView.vue')
        },
        {
          path: 'works',
          name: 'simmerStudiosWorks',
          component: () => import('@/components/SimmerStudios/Works/WorksView.vue')
        }
      ]
    },

<template>
  <MainNav />
  <main class="main">
    <RouterView />
    <LastSection />
    <FooterSection />
  </main>
</template>

<script>
import MainNav from "@/components/SimmerStudios/MainNav.vue";
import LastSection from "@/components/SimmerStudios/LastSection.vue";
import FooterSection from "@/components/SimmerStudios/FooterSection.vue";

export default {
  components: {
    MainNav,
    LastSection,
    FooterSection,
  },
};
</script>

<template>
  <MainNav />
  <main class="main">
    <RouterView />
    <LastSection />
    <FooterSection />
  </main>
</template>

<script>
import MainNav from "@/components/SimmerStudios/MainNav.vue";
import LastSection from "@/components/SimmerStudios/LastSection.vue";
import FooterSection from "@/components/SimmerStudios/FooterSection.vue";

export default {
  components: {
    MainNav,
    LastSection,
    FooterSection,
  },
};
</script>