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) => {
        const newNotification = {
          ...notification,
          project: project,
          isRead: notification.readby?.includes(user.value.uuid),
        };

        return newNotification;
      });

      const userNotifications = projectNotifications.filter(
        (notification) => notification.author.uuid !== user.value.uuid
      );

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

  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,
  };
});