SymphoGraph

// parent component
provide('isAllUploading', isAllUploading)

// child component
const isAllUploading = inject('isAllUploading')

SELECT
    subquery.opponent_id,
    subquery.last_message_datetime,
    m.message AS last_message
FROM (
    SELECT
        CASE
            WHEN m.from_user_id = 4 THEN m.to_user_id
            ELSE m.from_user_id
        END AS opponent_id,
        MAX(m.datetime) AS last_message_datetime
    FROM messages AS m
    WHERE m.from_user_id = 4 OR m.to_user_id = 4
    GROUP BY opponent_id
) AS subquery
LEFT JOIN messages AS m ON (
    (m.from_user_id = 4 AND m.to_user_id = subquery.opponent_id)
    OR
    (m.to_user_id = 4 AND m.from_user_id = subquery.opponent_id)
) AND m.datetime = subquery.last_message_datetime

store() {
      // Создайте новый объект для передачи на сервер
      const formattedTranslations = {};

      // Пройдитесь по всем локалям и создайте нужную структуру данных
      for (const locale of this.locales) {
        formattedTranslations[locale] = {
          title: this.translations.title[locale],
          desc: this.translations.desc[locale],
        };
      }
      console.log(formattedTranslations);
      // Отправьте данные на сервер
      this.$inertia.post(route('post.store'), { translations: formattedTranslations });
    }

Куда прописывать @click?

При нажатии на определённый элемент меню, должно отображаться определённый контент

<template>
<MenuSection @click="selectedEl = 1"></MenuSection>
<MenuSection @click="selectedEl = 2"></MenuSection>
<div v-if="selectedEl  === 1"></div>
<div v-if="selectedEl  === 2"></div>
</template>
<script setup>
const selectedEl  = ref(0)
</script>

Нужно ли дополнительное свойство active? куда прописывать и как менять его?

:class="selectedEl !== 1 ? 'extraClass' : 'extraClass' + ' active'"
<style>
.active {
color: red;
}
</style>