Павел Атайкин

На мой скромный взгляд, проблема несколько шире. Вот почему someParam это массив, а не осмысленный объект? Пока его суть остается неопределенной, будут возникать неопределенные ситуации, когда непонятно что делать, падать в ошибку или городить полотно проверок. А ведь можно вынести всю валидацию на этап создания объекта, там же выбрасывать ошибки, так будет явно понятно, что ошибка в данных, а не где-то в логике, где данные уже должны быть.

Правы оба.
Лучше раньше упасть, чем обработать кривые данные так, как будто они нормальные. Но и просто бездумно падать в самую базовую ошибку неправильно - потом задолбаетесь выяснять при каких обстоятельствах код упал. Лучше провалидировать и кинуть осмысленное исключение, которое поможет отловить проблему.

Очень удобная организация кода. Разработка заметно упрощается, отделяем фронт и бэк.

Также отсюда

1) намного проще разрабатывать и поддерживать пользовательские интерфейсы, где не нужно делать обновление всей страницы на любое действие.
2) На сервере вы работаете только с данными и не генерируете разметку, что положительно сказывается на производительности сервера.

Вам ничего не мешает делать по старинке: один глобальный файл с глобальными стилями.

Ну, или иначе. Если вы хотите инкапсулировать стили — тогда все они дожны быть внутри компонентов.

А если у нас есть две совсем одинаковые кнопки, которые отличаются лишь цветом + находятся в разных компонентах?

Глобальные стили или отдельный компонент с кнопкой.

Как наиболее правильно с точки зрения good practice назвать имена классов?

На самом деле как вам удобно. Лично я использую следующий паттерн

class=" component-root <component-name>-component-root "

UPD.
Если есть необходимость передать какое-то свойство в нутрь компонента, то можно сделать это через кастомные свойства:

<style scoped>
.button {
    color: var(--text-color, green)
}
</style>

<button-component style="--text-color: blue"/>

Рассмотрите лучше более сложный пример

const example = [{val: 1}, {val: 2}, {val: 3}];
const item = example[0]; 
console.log(item)
item.key = 1
console.log(example);
example[0] = {val: 8}
console.log(item)
console.log(example);

А после этого погуглите про присвоение в яваскрипте по ссылке и по парамеру
И да, в коментарии написали правильно, переменная это всегда переменная, а вот каким образом она присваивается, по ссылке или по значению - отдельный вопрос.