Vue - после перехода по прямой ссылки не срабатывает хук mounted в компоненте

Использую VueRouter. Если перехожу с домашней страницы, все пашет как надо. Но если зайти по прямой ссылке, то в компоненте MalfuncContent не срабатывают хуки, ни какие...

const routes = [
{
     path: '',
     name: 'home',
     component: DefaultHome,
},
{
    path:'/malfunc/:id/',
    name: 'malfunc',
    component: MalfuncContent,
},
]
App.vue
<template>
   <v-app>
     <TopPanelInfo/>
     <router-view></router-view>
     <Reviews/>
     <ContactForm/>
     <Map/>
     <Footer/>
   </v-app>

</template>

<script>
import TopPanelInfo from './components/TopPanelInfo';
import Reviews from './components/Reviews';
import Map from './components/MapYandex';
import ContactForm from './components/ContactForm';
import Footer from './components/Footer';
export default {
  name: 'App',
  components: {
    TopPanelInfo,
    Reviews,
    ContactForm,
    Map,
    Footer,
    },
};
</script>

Ответы (1 шт):

Автор решения: Александр Мевлютов

Вопрос решился правильным подключением компонента

component: () => import('../components/MalfuncContent')
→ Ссылка