Как создать «папку» для элементов на основе «категории» в базе данных?

Question

Я использую Vue с Laravel и пытаюсь создать страницу, которая показывает список элементов на основе категории. Каждый элемент хранится в базе данных со столбцом «категория». Я хочу иметь возможность отображать только те категории (без повторов), в которых затем может быть раскрывающийся список, в котором отображаются все элементы с этой категорией.

Например, если бы это были объекты, они бы выглядели так:

{
   name: "Car",
   category: "Red"
},
{
   name: "Car2",
   category: "Blue"
},
{
   name: "Motorcycle",
   category "Red"
},
{
   name: "Motorcycle2",
   category: "Blue"
}

Если бы данные были такими, я бы хотел отобразить два варианта, Красный и Синий, и под обоими я бы хотел показать их соответствующие объекты. Например:

Красный: автомобиль, мотоцикл Синий: автомобиль2, мотоцикл2

Я пытался использовать JavaScript, чтобы помочь «сложить» их в пути при отображении. Я попытался выбрать только уникальные значения из базы данных.