Andrej Sharapov

[
    `${PATHS.doc}/**/*.*`,
    `${PATHS.pic}/**/*.*`,
    `!${PATHS.pic}/**/*.+(pdn|psd|ai)`
]

или так (не проверял)
https://github.com/gulpjs/glob-parent

[
    `${PATHS.doc}/**/*.!(pdn|psd|ai)`,
    `${PATHS.pic}/**/*.*`
]

или
https://gulpjs.com/docs/en/api/src/#options

function build() {
	return gulp.src([
		`${PATHS.doc}/**/*.*`,
		`${PATHS.pic}/**/*.*`
	  ],{
		  ignore: `${PATHS.pic}/**/*.+(pdn|psd|ai)`
		})
		.pipe(gulp.dest("./dist/"));
}

Всё примерно как вы сказали. Я бы дополнил. Должно быть два независимых приложения/сервиса.

1. Это интерфейс. Vue, Nuxt. И фронт и бэк. Верстка, UI, кэширование на клиенте это всё тут. Тут на backend-е выполняется ssr.
   
2. Это бизнес логика. Вся работа с БД, авторизация и в таком духе. На ружу торчат только API.
   

Оба приложения могут разрабатываться и деплоиться независимо. Могут даже работать на разных машинах с разной конфигурацией машин,

Да, всё так как вы описали.

Насчёт OAuth конечно я бы не сказал, что прям это супер обязательно, иногда можно прибегнуть просто к jwt токену. OAuth по мимо безопастности даёт ещё много преимуществ, например как единый сервер для авторизации пользователей для множества проектов. Как по сути всякие соц. сети дают возможность. Если у вас простой проект и в нём нет каких либо очень важных данных, то можно и без OAuth обойтись. Это просто моё мнение))

А чем Вам gulp не угодил? Для подобных сайтов он подходит лучше всего. Vue как и nuxt на подобных сайтах избыточны. НО так Вы только изучаеете инструменты, то это вполне себе практика и я бы на Вашем месте перенес на Nuxt. Подумай те может можно добавить больше интерактива, так vue это больше не про сайтв, а про веб приложения.

Tilda > wordpress

Но самый верный путь - не нести в wordpress тот говнокод, который генерирует тильда. Переверстать ручками, и правильно посадить на wordpress. Так будет меньше вопросов после.

Если результат вашей функции не опирается на внутренние данные, используйте methods.
Например, у вас есть внутри vue некая range, которая служит верхней границей для Math.random. Если реализовать при помощи метода, то каждый раз он будет возвращать новое значение Math.random.
Реализация через computed будет ожидать изменений вашего range, а иначе вернет то же число, которое сгенерилось первый раз
js:

var app = new Vue({
        el: '#content',
        data: {
            range: 1
        },
        computed: {
            rand: function () {
                return Math.random() * this.range ; //ожидалось что app.rand будет давать случайное число
            }
        },
        methods: {
            show: function (event) {
                alert('Случайное число: ' + this.rand); // но нет, число одно и то же
            },
       }
});

html:

<div id="content">
<button v-on:click="show">показать число</button>
</div>

В итоге оно сгенерирует число один раз и будет выводить его постоянно при клике на кнопку. Если вы введете в консоли app.range = 2; то генерируемое число разово изменится.

Пример для лайков, упомянутый в комментарии:

new Vue({
   el: '#content',
   data: {
      likes: 0,
   },
});

<div id="content"><button v-on:click="likes += 1">+1</button></div>

Кто же вас заставлял создавать кучу однотипных переменных, если для этого существуют массивы? Или, в терминологии sass - мапы.

$colors: {
  1: #333,
  5: #111,
  100: #222,
}

@each $index, $color in $colors {
  #var#{$index} {
    color: $color;
  }
}

Если перевести содержание ошибки, то звучит примерно следующее:
"Используйте ключи только на реальных элементах"
Элемент template это условный элемент, поэтому решение проблемы будет таким:

<ul class = "dots">
  <li v-for = "(value, index) in cd.software" :key = "index">{{ value }}</li>
</ul>

Как в vue-cli вставить мета теги в head?
да и по ссылке, то что предлагают, - это не единственный плагин...

тык

VueJS: где лучше хранить css, в компонентах .vue или main.css?

1. можно ли использовать template в template во vue компоненте?

да

можно ли из дочернего компонента воздействовать на родительский?

да, например $emit('my-event') событий из дочернего, в родителе ловим на элементе тегом @my-event=""

Например, если использовать pug переменные и мне нужно изменить цвет фона. В родителе я указываю - var bgpage;, а само значение пишу в дочерних компонентах?

если у вас pug не выполняется в реалтайме - то нельзя.
Сначала выполняется pug и собирается html
Потом выполняется vue на Уже собранном html
(то есть в собранном HTML уже Не будет pug переменных и прочих объявлений)

делать ветку каждые N минут/часов – это бред.
ветка должна быть логичной: пилите новую фичу – делаете новую ветку, пилите новую версию – делаете новую ветку, надо что–то проверить/поэкспериментировать –делаете новую ветку.

комиты – чем чаще, тем лучше, особенное если над кодом работает много людей. но тоже не по секундомеру.

нет четких правил, просто пользуйтесь здравым смыслом. со временем сами придете к тому, что удобно и что не очень.
ну и почитайте про git flow.

const deep = (obj) => {
  const children = obj.children ? `<ul>${obj.children.map(deep).join('')}</ul>` : '';
  return `<li>${obj.title}${children}</li>`;
};

$('.treeview').append(deep(tree[0]));

<div class="catalog-section" v-for="category in categories" :key="category.index">
          <h2 class="catalog-section--title title-default">{{category.name}} {{category.id}}</h2>
          <p class="catalog-section--label label-default" v-if="category.label">{{category.label}}</p>
          <div class="row">
              <template v-for="item in posts">
                 <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4"  v-if="item.category === category.id" :key="item.index">
                    <product-item :item=item />
                 </div>
              </template>
          </div>
    </div>

?

import Vue from 'vue';
import Component from './Component.vue';

const component = new Vue(Component).$mount('selector');
component.$on('event-name', () => console.log('wow'));