designtopack/src/stores/user.js

import { defineStore, storeToRefs } from "pinia";
import { ref, computed } from "vue";
import { useProjectsStore } from "./projects";

export const useUserStore = defineStore("user", () => {
  const user = ref(null);

  const { projects } = storeToRefs(useProjectsStore());

  const notifications = computed(() => {
    return projects.value.reduce((acc, project) => {
      if (!project.notifications) return acc;

      const projectNotifications = project.notifications.map(
        (notification) => ({
          ...notification,
          project: {
            id: project.id,
            name: project.title,
          },
          isRead:
            notification.author.uuid === user.value.uuid ||
            notification.readby?.includes(user.value.uuid),
        })
      );

      return [...acc, ...projectNotifications];
    }, []);
  });

  function readNotification(notificationId) {
    notifications.value = notifications.value.map((notification) => {
      if (notification.id === notificationId) {
        notification.isRead = true;
      }
      return notification;
    });
  }

  function readAllNotifications(notificationId) {
    user.value.notifications.forEach((notification) => {
      notification.isRead = true;
    });
  }

  function canEditComment(comment) {
    return user.value.uuid === comment.author.uuid;
  }

  return {
    user,
    notifications,
    readNotification,
    readAllNotifications,
    canEditComment,
  };
});