simple pinia store

menu store

import { defineStore } from "pinia";
import type { Ref } from "vue";

export const useMenuStore = defineStore("menu", () => {
  const { $api } = useNuxtApp();
  const catalog = ref(null);
  const categories: Ref<{ [key: string]: any }> = ref({});

  const fetchCatalogMenu = async () => {
    const { data } = await useAsyncData("menu-catalog", () => $api.menu.fetchCategoryMenu());
    catalog.value = data.value?.data;
  };
  const fetchCategoryById = async (categoryId: number | string, mobile: boolean = false) => {
    if (!categories.value[categoryId as string]) {
      try {
        const response = await $api.menu.fetchCategoryMenuById(categoryId, mobile);
        categories.value[categoryId as string] = response.data;
      } catch (e) {
        console.error("Ошибка получения пунктов меню каталога", e);
        return;
      }
    }
    return categories.value[categoryId as string];
  };
  return { catalog, categories, fetchCatalogMenu, fetchCategoryById };
});