KRHD

Можно сделать...

• ...вычисляемое свойство, где к элементам массива будет прицеплено нужное значение:
  
  

  computed: {
    itemsWithBullshitCounter() {
      let counter = -1; /* или 0, если хотите, чтобы нулевой элемент массива получил ненулевой индекс
                           в том случае, если для него не выполняется условие обнуления */
      return this.items.map((n, i) => ({
        ...n,
        counter: counter = (здесь проверяете, надо ли обнулить счётчик
          ? 0
          : counter + 1
        ),
      }));
    },
  },

  
  

  <div v-for="n in itemsWithBullshitCounter">
    вместо индекса используете значение добавленного свойства: {{ n.counter }}
  </div>

  
  https://jsfiddle.net/hk93q6gf/
  
  
• ...вычисляемое свойство, где исходный массив будет разбит на несколько кусков:
  
  

  computed: {
    chunkedItems() {
      return this.items.reduce((acc, n, i) => {
        if (!i || на текущем элементе надо сбросить индексацию) {
          acc.push([]);
        }
  
        acc[acc.length - 1].push(n);
  
        return acc;
      }, []);
    },
  },

  
  

  <template v-for="chunk in chunkedItems">
    у каждого куска индексация независимая:
    <div v-for="(n, i) in chunk">{{ i }}</div>
  </template>

  
  https://jsfiddle.net/hk93q6gf/1/
  
  
• ...метод, который будет вычислять нужный индекс (плохо - вычисления выполняются при каждом рендеринге):
  
  

  methods: {
    createStrangeIndex(arr, baseIndex) {
      let index = 0;
  
      while (baseIndex > 0 && на элементе arr[baseIndex--] сбрасывать индексацию не надо) {
        index++;
      }
  
      return index;
    },
  },

  
  

  <div v-for="(n, i) in items">{{ createStrangeIndex(items, i) }}</div>

  
  https://jsfiddle.net/hk93q6gf/2/
  

Вот примеры с исходниками (но не bootstrap):
https://tympanus.net/codrops/2015/11/17/multi-leve...
https://tympanus.net/codrops/2013/08/13/multi-leve...

Можно еще через маску, если фон будет не сплошным цветом.

Удобнее всего, псевдоэлемент after с градиентом. Тень не очень удобно, т.к. по бокам будет немного торчать.

Какую же хрень пишут в ответах, флексы, гриды... Вообще не к месту.
Не могу на это смотреть. Держите:

при задании конфигурации роута ты ставишь жёсткое соответствие, например,
"/news/:id" -> контроллер = news, метод = item
таким способом можно получить данные и отрендерить только один хтмл-блок. в то же время по условиям задачи нужно рендерить несколько блоков. выход? а вот:
"/news/:id" -> {
'main' -> controller = news, method = item,
'last_news' -> controller = news, method = last_items,
'now_logged_users' -> controller = users, method = last_logged,
}
и так далее. и в шаблоне отмечаешь блоки 'main', 'last_news', 'now_logged_users'. и каждый блок рендеришь отдельно, а потом вставляешь в шаблон. блоки получаются равноправны и независимы. понятно, что можно назначить какой-то блок по умолчанию, но работать он будет так же - на равных с другими блоками условиях. такая работа с блоками должна быть предусмотрена на уровне роутинга, и если движок это не позволяет - то он говно. есть пхпшная CMS MODx, попробуй её и посмотри, как в ней организованы сниппеты. сама modx может не годится для хай-енд разработки, но в ней правильная идея работы со структурой страниц и вставкой контента в страницы.

WHERE JSON_CONTAINS(`categories`, '1') = 1
Обратите внимание, что JSON_CONTAINS ищет именно строковое значение.
И по JSON-полям не работают индексы.

select
    a.branches_id,
    a.surveys_id,
    b.name as branches_name,
    s.name as surveys_name
from answers a
left join branches b on
    b.id = a.branches_id
left join surveys s on
    s.id = a.surveys_id

echo str_pad($num, 6, '0', STR_PAD_LEFT);

<form action="test" data-action="test">
  <button>ok</button>
</form>

$(document).ready(function(){
			$('form').submit(function(event){ 
				event.preventDefault(); 
				$action = $(this).data('action');
				new Core()[$action]();//test
			});
		});
    
class Core {

  test() {
    alert("test");
  }

}

зависит от необходимой поддержки, можно и clip-path использовать. Или через SVG маску css.yoksel.ru/svg-masks

Вот сделай и не заморачивайся ТЫК