designtopack/src/stores/user.js

import { defineStore } from "pinia";
import { ref, computed } from "vue";

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

  const notifications = computed(() => {
    return typeof user.value.notifications === "array"
      ? user.value.notifications
      : Object.values(user.value.notifications);
  });

  function readNotification(notificationId) {
    user.value.notifications.forEach((notification) => {
      if (notification.id === notificationId) {
        notification.isread = "true";
      }
    });
  }

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