Lumore

document.querySelector('.hello').scrollIntoView({ 
  behavior: 'smooth' 
});

https://guides.hexlet.io/docker/

Нужно использовать computed:

<template>
  <div>
    <div v-for="(product, index) in products" :key="index">{{product.name}}</div>
  </div>
</template>

export default {
  computed: {
    products () {
      return this.$store.state.products
    }
  }
}

main.js

import Vue from 'vue';
import moment from 'moment';
Vue.prototype.$moment = moment;

const app = new Vue({
    el: '#wrapper'
});

component:

methods: {
        makeCalculate () {
             return this.$moment().format('DD.MM.YYYY');
       }
}

import 'bootstrap/dist/css/bootstrap.min.css'

background-image + repeat

<div class="block-informer" style="background-image: url(<?=$doc['url']?>)"></div>

key == index

<div class="panel-item" v-for="(value, key) in activeElement" :key="key">
  <input type="text" v-model="activeElement[key]">
</div>

import Vue from 'vue';
import VueRouter from 'vue-router';
import Vuex from 'vuex';
import {routes} from './routes';
import MainApp from './components/MainApp.vue';

Vue.use(VueRouter);
Vue.use(Vuex);

Vue.component('main-app', MainApp);

const router = new VueRouter({
  router,
  mode: 'history'
});

const app = new Vue({
  el: '#app',
  router
});

Делали примерно такое же, но кол-во объектов было немного меньше.
1) Кэшируйте данные на стороне backend
2) Используйте кластеры
3) Грузите и рендерите метки в зависимости от зума и перемещений на карте