Как правильно свести посты к категориям, через отношение?

Question

[yellow_pus]

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

,{"id":6,"category_name":"333","posts":[{"title":"111","description":"222"}]},{"id":7,"category_name":"333","posts":[{"title":"123123","description":"32131"}]}

То есть, два разных массива, для одной и той же категории 333, это пост с title 111 и пост с title 123123. Каким образом или может даже условием, я смогу "засунуть" эти две статьи в одну и ту же категорию.
Или все же это делать как то на фронте? У меня там vuejs, в котором я вывожу эти данные таким циклом

<div v-for="post in posts.data">
        Категория: {{ post.category_name }} <br>
        Посты:
        <div v-for="p in post.posts">
            {{ p.title }}
        </div>
        <br>
        -----------------------
    </div>

Answer 1

[0xD34F]

computed: {
  categories() {
    return this.posts.data.reduce((acc, n) => (
      (acc[n.category_name] ??= {
        name: n.category_name,
        posts: [],
      }).posts.push(...n.posts),
      acc
    ), {});
  },
  ...

<div v-for="category in categories">
  <h3>{{ category.name }}</h3>
  <div v-for="post in category.posts">
    {{ post.title }}
  </div>
</div>

Comments

[yellow_pus]

Блин, может еще что то куда то добавить? У меня даже цикл не запускается, то есть categories пустой. P.S Я записываю посты внутрь массива вот так

mounted() {
        axios.get('/api/posts').then(response => {
            this.posts = response.data;
        })
    },

[0xD34F]

Может. А может и нет. Мне-то откуда знать? Сколько информации предоставили, на столько я вам и ответил.

[yellow_pus]

0xD34F, Я максимально благодарен за наводку, но правда, этот блок кода, computed: не то что "не содержит никаких значений", он в консоль мне кидает вот такую ошибкуUncaught TypeError: this.posts.data is undefined, как я понял, я как то неправильно создаю массив с постами, либо наоборот, указываю не тот массив. Я скинул всё, что у меня есть в этом шаблоне, помимо самого парсинга(который так же,позже скинул, после вашего ответа) /api/posts, но не могу доработать момент с массивом, помогите пожалуйста

[0xD34F]

указываю не тот массив

Укажите тот. Где у вас ваши данные лежат - это вам виднее. Разберитесь, что и куда кладёте при получении данных, что является дефолтным значением (должен быть массив).