Виктор Л

C#

pm2, разные порты и все дела

<template lang="pug">
  div.breadcrumbs
    router-link(
      v-for="link, i in breadcrumbsLinks"
      :key="i"
      :to="link"
    ).breadcrumps__level {{link.meta.title}}
</template>

<script>
  export default {
    name: 'breadcrumbs',
    computed: {
      breadcrumbsLinks () {
        let tmp = []
        if (this.$route.matched) {
          this.$route.matched.forEach(link => {
            tmp.push(Object.assign({meta: {title: 'Title not found in meta'}}, link))
          })
        }
        if (tmp.length === 0) {
          tmp.push({path: '/', meta: {title: 'Home'}})
        }
        return tmp
      }
    }
  }
</script>

1. А теперь главный вопрос. Зачем было в модуле ES6 реализовывать module pattern? В этом нет абсолютно никакого смысла. Практика практикой, но все же.

2. В наличии переменной posts так же нет никакого практического смысла.
const { data } = await HTTP.get('posts');
3. Функцию:

async function _getPostById(id) {
    const post = await HTTP.get(`posts/${id}`)
    return post
  }

Можно смело заменить на:

const  _getPostById = id => HTTP.get(`posts/${id}`);

То же можно сделать и с функцией _getPosts.
4. Где-то let, где-то var, где-то const. Никакой логики в предпочтении одного ключевого слова другому при этом нет. Почитайте современные гайдлайны airbnb, например.
5. Точки с запятой где-то есть где-то нет. Читать такой код неприятно.

Так случилось, что в JS нет многомерных массивов - это объект
бегать по нему удобнее через ключи

var keys = Object.keys(arCartElements);
keys.forEach(function(elementId) {
    var element = arCartElements[elementId];
    console.log(element);
});

для бесконечной вложности использую рекурсивный обход

Избавляешься от jQuery и сокращается твой код на целых 100 kb.!

document.getElementById('virtuemart_country_id').onchange = function(e) 
{
...
}

Через $ref взять компонент и вызвать $forceUpdate()?

Типа:

<vue-google-map ref="map" :coords=[lat, lng] />
...
methods: {
  reinitMap() {
    this.$refs.map.$forceUpdate();
  }
}

а зачем тут jQuery?

document.querySelector( selector ).classList.toggle('class');

или если элемент уже найден

el.classList.toggle('class');

или второй параметр true добавьте к .toggle если надо только добавить когда нет или false если только убирать когда есть.

// call sortFunc([], elem.getAttribute('name'))
function sortFunc(data, key) {
  return [...data].sort((a, b) => compare(parse(a[key]), parse(b[key])));
}

function parse(val) {
  return isNaN(Number(val)) ? val : Number(val);
}

function compare(a, b) {
  if(a > b) return 1;
  if(a < b) return -1;
  return 0;
}