Георгий Бухаров

https://nuxtjs.org/api/pages-head/

<template>
<div>
<Menu>
  <MenuItem v-for="item in items" @click="activeItem = item.name" :key="item.name"/>
</Menu>
<List>
  <ListItem v-for="item in items" v-if="activeItem === item.name" :key="item.name">
    <keep-alive> <!-- опционально -->
     <component :is="item.component" />
    </keep-alive>
  </ListItem>
</List>
</div>
</template>

<script>

export default {
components: {
  ComponentName: () => import('@/components/ComponentName'), //dynamic import + built in prefetch
  // other components
}
data: () => ({
    activeItem: 'livingBuildings',
    items: [
     {
       name: 'livingBuildings',
       component: '', // имя компонента
     },
    ]
  }),
}

</script>

Перейди на universal, это выглядит логично.

У меня однажды на проекте была такая проблема, регулярно падал сайт. Затем нашел где-то в хуке created setTimeout() или setInterval(). В created нельзя вызывать их, потому что этот хук вызывается и на клиенте и на сервере, а таймеры запускаются с каждым новым запросом и накапливаются на сервере, вскоре он падает от перегрузки.
А вообще еще слишком много зависимостей, билду очень тяжело.
P.S. jquery зачем?

Пару месяцев назад был в подобном положении, тоже только html+css, по образованию далеко не программист. Начал штудировать learn.javascript.ru/. Затем начал работать в живых проектах, писать для них легкие скрипты типа плавных якорей, модалок, табов и т.п. Почти каждый день решал задачи на https://www.codewars.com для развития мышления и практики. А месяц назад в лоб получил задание: напиши калькулятор на чистом JS. Я был в ступоре, но начал писать. Правда, главное – начать. 6 дней работы и вот, выкатил, в продакшн, чего сам не ожидал. Попробуй тоже. Только чур не подглядывать.

Либо используйте символ отступа ' | ', вот документация.

|
a(href='#')lorem
|
|
a(href='#')ipsum
|
|
a(href='#')dolor