Artem0071

Ответ на ваш вопрос

Попробуй почитать это
Может где то там будет что то полезное

Вообще интерцепторы для другого
Например на "событие начала загрузки" можно включать индикатор загрузки, а на "событие конца загрузки" его отключать

А что на счет связи роутинга и аякса, то во вью есть хуки. Вот в них и можно обрабатывать данные когда происходят переходы по страницам

вот
делаете beforeeach
если route == admin, то делаете запрос на сервер для разрешения

Вот тут ваше решение

Обычно требуется только один блок оборачивать в transition, а вы пытаетесь туда два впихнуть. Просто разделите их на два транзита и все

ошибка потому что vue не может найти данную картинку в вашем проекте
Попробуйте :src="'//'+item.img", но не уверен что поможет
И если вам нужно добавлять путь, то и добавляйте сразу его

Чет жуть какая то у вас

Сделайте приблизительно так:
<img :src="path?path:null" />

Либо создайте какое то изображение и суйте его вместо null

ps увидел что что то у вас есть, так что можно как то так:

<img :src="path?path:'@/assets/img/icon/error-load.png'" />

Ну или подравняйте там пути

да, чистить надо
можно записывать в data() массив таймаутов, а затем сделать в компоненте beforeRouteLeave и там их чистить

1) чтобы использовать компоненты, совершенно не обязательно использовать node.js
Как тут вообще связан сервер и смайлики?
2) Если не хотите устанавливать vue-cli, как обычные люди, то можете просто скачивать эти дополнительные компоненты и устанавливать их по обычному
Это не какие то магические файлы, а совершенно обычные vue-component'ы
3) php + node.js - я конечно такой себе программист, но вот это - просто жесть какая то)

В общем, почитайте про vue-cli и будет вам счастье

уберите lightbox отсюда: components: { App,lightbox }

Если не поможет, то все равно уберите, и заодно уберите вообще все с main.js связанное с плагином и вставляйте его уже там, где он должен использоваться

ну так пусть пользователь меняет тип, просто проверяйте на сервере его тип и баньте неугодных кодеров

Вы ведь их не клонируете
у вас 3 разных компонента, и 4ый дублированный
в v-for можно добавлять index и обращаться с компонентами как с массивом, а нужный компонент будет находится как раз через этот индекс

так же есть key. Можно как нибудь его задействовать тоже

Может я чего то не понял, но делается это на изи:

<input v-model="login">
<input v-model="password">
<button @click="regUser()">Зарегестрироваться</button>

<script>
...
methods:{
  regUser(){
    if (this.login == this.password) {
      alert('логин не должен быть равен паролю');
      return;
    }
    // ... остальной код для регистрации
  }
}
...
</script>