NaN

Так объедините стили под один тег style scoped

В нужное место ставим (осталось просто найти нужный класс). На примере Simple tables:

.theme--light.v-card.v-card--outlined {
     border-bottom: none;
}

Верстка ужасная, может стоит сначала ей позаниматься, а потом уже в разработку лезть?
Кому нужны плохо сделанные сайты?

Какие именно вопросы то? Где ваш вариант решения вопроса, хоть какие-то наброски.
Не бывает идеальных гайдов для всех проектов, для каждого сборка все равно своя.

Если по минималкам, то так:
0) Создаете изначальную структуру проекта
1) Прописываете все нужные зависимости в package.json, устанавливаете
2) Создаете файл, например, webpack.mix.js, в котором делаете сборку, как именно можно посмотреть здесь.Там же написано, как собрать все в один js
3) По vue-router очень много сайтов сейчас есть с инструкциями. Гугл в помощь. Документация собственно тоже не плохой вариант для изучения
4) vue,vuex,axios тоже ничего сложно, все описано на официальных сайтах.

Если нужно более подробно, могу предложить свои услуги.

1) Создаешь переменные, вычисляешь все, что тебе нужно.
2) И вот это почитать.
3) Потом уже пишешь условие, проверяешь значения нужных тебе переменных и делаешь, то что нужно.

А что вообще за задача? Может ее можно проще решить.

1) Выглядит странно, у вас в массиве conditionList есть объект с id, но в самом conditionList нет id. Возможно в этом проблема.
v-bind:key="conditionList.id"

2)

vue удаляет элемент с объекта

Так все таки из массива вы удаляете или из какого-то объекта?

Мы делаем для каждого компонента папку с .md файлом в котором описание и примеры

Зачем курсы, если есть русская хорошая документация?
https://ru.vuejs.org/v2/guide/

А курс, здесь можно пройти:
https://vueschool.io/courses/vuex-for-everyone