Aleksandr_KH

swiper.params.slidesPerView = новое количество отображаемых слайдов;
swiper.update();

https://jsfiddle.net/y0p8r91u/1/

$(document).ready(function() {
			$('.minus').click(function () {
				var $input = $(this).parent().find('input');
				var count = parseFloat($input.val()) - 0.5;
				count = count < 0.5 ? 0.5 : count;
				$input.val(count.toFixed(1));
				$input.change();
				return false;
			});
			$('.plus').click(function () {
				var $input = $(this).parent().find('input');
				$input.val((parseFloat($input.val()) + 0.5).toFixed(1));
				$input.change();
				return false;
			});
		});

https://codepen.io/vkouts/pen/LYGYGWY

$('.slider').on('click', '.slick-current', function() {
   	$(this).addClass('clicked-current-slide');
   });

Вообще говоря, это делается вот так

font-feature-settings: lnum;
font-variant-numeric: lining-nums;

Но я не уверен, что ваш шрифт поддерживает маюскульные цифры. Наоборот, для Гарамона минускульные - это абсолютно родное и привычное дело.
Судя по авторской презентации
https://www.behance.net/gallery/28579883/Cormorant...
нужно использовать другую версию - Infant
https://fonts.google.com/specimen/Cormorant+Infant

Складываем данные кнопок и блоков в массив, также добавляем в компонент свойство - ссылку на активный элемент массива (это чья кнопка должна получить класс active и класс которого надо назначить блоку):

data: () => ({
  items: [
    { buttonTitle: '...', blockClass: '...' },
    { buttonTitle: '...', blockClass: '...' },
    ...
  ],
  active: null,
}),

На основе массива создаём кнопки, по клику устанавливаем значение активного элемента:

<button
  v-for="n in items"
  :class="{ active: active === n }"
  @click="active = n"
>{{ n.buttonTitle }}</button>

Соответственно, если активный элемент не null - показываем блок, назначая ему класс:

<div v-if="active" :class="[ 'block', active.blockClass ]">

https://jsfiddle.net/bwmk7f1t/

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

@click="openModal(message)"

data: () => ({
  openedMessage: {},
  ...
}),
methods: {
  openModal(message) {
    this.openedMessage = message;
    this.showMessageModal = true;
  },
  ...
},

Ну а в модальном окне, соответственно, выводите нужные значения:

<span class="box-title">{{ openedMessage.какоеТамУВасСвойствоОтвечаетЗаЭтотTitle }}</span>
...
<div class="box-body">{{ openedMessage.нуТутТожеВамВиднееЧтоНаписать }}</div>