chore: Nuxt 4 upgrade (#7426)

frontend/app/composables/store/index.ts

@@ -0,0 +1,31 @@
+import { resetCategoryStore } from "./use-category-store";
+import { resetFoodStore } from "./use-food-store";
+import { resetHouseholdStore } from "./use-household-store";
+import { resetLabelStore } from "./use-label-store";
+import { resetTagStore } from "./use-tag-store";
+import { resetToolStore } from "./use-tool-store";
+import { resetUnitStore } from "./use-unit-store";
+import { resetCookbookStore } from "./use-cookbook-store";
+import { resetUserStore } from "./use-user-store";
+
+export { useCategoryStore, usePublicCategoryStore, useCategoryData, resetCategoryStore } from "./use-category-store";
+export { useFoodStore, usePublicFoodStore, useFoodData, resetFoodStore } from "./use-food-store";
+export { useHouseholdStore, usePublicHouseholdStore, resetHouseholdStore } from "./use-household-store";
+export { useLabelStore, useLabelData, resetLabelStore } from "./use-label-store";
+export { useTagStore, usePublicTagStore, useTagData, resetTagStore } from "./use-tag-store";
+export { useToolStore, usePublicToolStore, useToolData, resetToolStore } from "./use-tool-store";
+export { useUnitStore, useUnitData, resetUnitStore } from "./use-unit-store";
+export { useCookbookStore, usePublicCookbookStore, resetCookbookStore } from "./use-cookbook-store";
+export { useUserStore, resetUserStore } from "./use-user-store";
+
+export function clearAllStores() {
+  resetCategoryStore();
+  resetFoodStore();
+  resetHouseholdStore();
+  resetLabelStore();
+  resetTagStore();
+  resetToolStore();
+  resetUnitStore();
+  resetCookbookStore();
+  resetUserStore();
+}

frontend/app/composables/store/use-category-store.ts

@@ -0,0 +1,32 @@
+import type { Composer } from "vue-i18n";
+import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
+import type { RecipeCategory } from "~/lib/api/types/recipe";
+import { usePublicExploreApi, useUserApi } from "~/composables/api";
+
+const store: Ref<RecipeCategory[]> = ref([]);
+const loading = ref(false);
+const publicLoading = ref(false);
+
+export function resetCategoryStore() {
+  store.value = [];
+  loading.value = false;
+  publicLoading.value = false;
+}
+
+export const useCategoryData = function () {
+  return useData<RecipeCategory>({
+    id: "",
+    name: "",
+    slug: "",
+  });
+};
+
+export const useCategoryStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  return useStore<RecipeCategory>("category", store, loading, api.categories);
+};
+
+export const usePublicCategoryStore = function (groupSlug: string, i18n?: Composer) {
+  const api = usePublicExploreApi(groupSlug, i18n).explore;
+  return useReadOnlyStore<RecipeCategory>("category", store, publicLoading, api.categories);
+};

frontend/app/composables/store/use-cookbook-store.ts

@@ -0,0 +1,35 @@
+import type { Composer } from "vue-i18n";
+import { useReadOnlyStore, useStore } from "../partials/use-store-factory";
+import type { ReadCookBook, UpdateCookBook } from "~/lib/api/types/cookbook";
+import { usePublicExploreApi, useUserApi } from "~/composables/api";
+
+const cookbooks: Ref<ReadCookBook[]> = ref([]);
+const loading = ref(false);
+const publicLoading = ref(false);
+
+export function resetCookbookStore() {
+  cookbooks.value = [];
+  loading.value = false;
+  publicLoading.value = false;
+}
+
+export const useCookbookStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  const store = useStore<ReadCookBook>("cookbook", cookbooks, loading, api.cookbooks);
+
+  const updateAll = async function (updateData: UpdateCookBook[]) {
+    loading.value = true;
+    updateData.forEach((cookbook, index) => {
+      cookbook.position = index;
+    });
+    const { data } = await api.cookbooks.updateAll(updateData);
+    loading.value = false;
+    return data;
+  };
+  return { ...store, updateAll };
+};
+
+export const usePublicCookbookStore = function (groupSlug: string, i18n?: Composer) {
+  const api = usePublicExploreApi(groupSlug, i18n).explore;
+  return useReadOnlyStore<ReadCookBook>("cookbook", cookbooks, publicLoading, api.cookbooks);
+};

frontend/app/composables/store/use-food-store.ts

@@ -0,0 +1,33 @@
+import type { Composer } from "vue-i18n";
+import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
+import type { IngredientFood } from "~/lib/api/types/recipe";
+import { usePublicExploreApi, useUserApi } from "~/composables/api";
+
+const store: Ref<IngredientFood[]> = ref([]);
+const loading = ref(false);
+const publicLoading = ref(false);
+
+export function resetFoodStore() {
+  store.value = [];
+  loading.value = false;
+  publicLoading.value = false;
+}
+
+export const useFoodData = function () {
+  return useData<IngredientFood>({
+    id: "",
+    name: "",
+    description: "",
+    labelId: undefined,
+  });
+};
+
+export const useFoodStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  return useStore<IngredientFood>("food", store, loading, api.foods);
+};
+
+export const usePublicFoodStore = function (groupSlug: string, i18n?: Composer) {
+  const api = usePublicExploreApi(groupSlug, i18n).explore;
+  return useReadOnlyStore<IngredientFood>("food", store, publicLoading, api.foods);
+};

frontend/app/composables/store/use-household-store.ts

@@ -0,0 +1,24 @@
+import type { Composer } from "vue-i18n";
+import { useReadOnlyStore } from "../partials/use-store-factory";
+import type { HouseholdSummary } from "~/lib/api/types/household";
+import { usePublicExploreApi, useUserApi } from "~/composables/api";
+
+const store: Ref<HouseholdSummary[]> = ref([]);
+const loading = ref(false);
+const publicLoading = ref(false);
+
+export function resetHouseholdStore() {
+  store.value = [];
+  loading.value = false;
+  publicLoading.value = false;
+}
+
+export const useHouseholdStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  return useReadOnlyStore<HouseholdSummary>("household", store, loading, api.households);
+};
+
+export const usePublicHouseholdStore = function (groupSlug: string, i18n?: Composer) {
+  const api = usePublicExploreApi(groupSlug, i18n).explore;
+  return useReadOnlyStore<HouseholdSummary>("household-public", store, publicLoading, api.households);
+};

frontend/app/composables/store/use-label-store.ts

@@ -0,0 +1,26 @@
+import type { Composer } from "vue-i18n";
+import { useData, useStore } from "../partials/use-store-factory";
+import type { MultiPurposeLabelOut } from "~/lib/api/types/labels";
+import { useUserApi } from "~/composables/api";
+
+const store: Ref<MultiPurposeLabelOut[]> = ref([]);
+const loading = ref(false);
+
+export function resetLabelStore() {
+  store.value = [];
+  loading.value = false;
+}
+
+export const useLabelData = function () {
+  return useData<MultiPurposeLabelOut>({
+    groupId: "",
+    id: "",
+    name: "",
+    color: "",
+  });
+};
+
+export const useLabelStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  return useStore<MultiPurposeLabelOut>("label", store, loading, api.multiPurposeLabels);
+};

frontend/app/composables/store/use-tag-store.ts

@@ -0,0 +1,32 @@
+import type { Composer } from "vue-i18n";
+import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
+import type { RecipeTag } from "~/lib/api/types/recipe";
+import { usePublicExploreApi, useUserApi } from "~/composables/api";
+
+const store: Ref<RecipeTag[]> = ref([]);
+const loading = ref(false);
+const publicLoading = ref(false);
+
+export function resetTagStore() {
+  store.value = [];
+  loading.value = false;
+  publicLoading.value = false;
+}
+
+export const useTagData = function () {
+  return useData<RecipeTag>({
+    id: "",
+    name: "",
+    slug: "",
+  });
+};
+
+export const useTagStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  return useStore<RecipeTag>("tag", store, loading, api.tags);
+};
+
+export const usePublicTagStore = function (groupSlug: string, i18n?: Composer) {
+  const api = usePublicExploreApi(groupSlug, i18n).explore;
+  return useReadOnlyStore<RecipeTag>("tag", store, publicLoading, api.tags);
+};

frontend/app/composables/store/use-tool-store.ts

@@ -0,0 +1,38 @@
+import type { Composer } from "vue-i18n";
+import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
+import type { RecipeTool } from "~/lib/api/types/recipe";
+import { usePublicExploreApi, useUserApi } from "~/composables/api";
+
+interface RecipeToolWithOnHand extends RecipeTool {
+  onHand: boolean;
+}
+
+const store: Ref<RecipeTool[]> = ref([]);
+const loading = ref(false);
+const publicLoading = ref(false);
+
+export function resetToolStore() {
+  store.value = [];
+  loading.value = false;
+  publicLoading.value = false;
+}
+
+export const useToolData = function () {
+  return useData<RecipeToolWithOnHand>({
+    id: "",
+    name: "",
+    slug: "",
+    onHand: false,
+    householdsWithTool: [],
+  });
+};
+
+export const useToolStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  return useStore<RecipeTool>("tool", store, loading, api.tools);
+};
+
+export const usePublicToolStore = function (groupSlug: string, i18n?: Composer) {
+  const api = usePublicExploreApi(groupSlug, i18n).explore;
+  return useReadOnlyStore<RecipeTool>("tool", store, publicLoading, api.tools);
+};

frontend/app/composables/store/use-unit-store.ts

@@ -0,0 +1,27 @@
+import type { Composer } from "vue-i18n";
+import { useData, useStore } from "../partials/use-store-factory";
+import type { IngredientUnit } from "~/lib/api/types/recipe";
+import { useUserApi } from "~/composables/api";
+
+const store: Ref<IngredientUnit[]> = ref([]);
+const loading = ref(false);
+
+export function resetUnitStore() {
+  store.value = [];
+  loading.value = false;
+}
+
+export const useUnitData = function () {
+  return useData<IngredientUnit>({
+    id: "",
+    name: "",
+    fraction: true,
+    abbreviation: "",
+    description: "",
+  });
+};
+
+export const useUnitStore = function (i18n?: Composer) {
+  const api = useUserApi(i18n);
+  return useStore<IngredientUnit>("unit", store, loading, api.units);
+};

frontend/app/composables/store/use-user-store.ts

@@ -0,0 +1,25 @@
+import type { Composer } from "vue-i18n";
+import { useReadOnlyStore } from "../partials/use-store-factory";
+import { useRequests } from "../api/api-client";
+import type { UserSummary } from "~/lib/api/types/user";
+import { BaseCRUDAPIReadOnly } from "~/lib/api/base/base-clients";
+
+const store: Ref<UserSummary[]> = ref([]);
+const loading = ref(false);
+
+export function resetUserStore() {
+  store.value = [];
+  loading.value = false;
+}
+
+class GroupUserAPIReadOnly extends BaseCRUDAPIReadOnly<UserSummary> {
+  baseRoute = "/api/groups/members";
+  itemRoute = (idOrUsername: string | number) => `/groups/members/${idOrUsername}`;
+}
+
+export const useUserStore = function (i18n?: Composer) {
+  const requests = useRequests(i18n);
+  const api = new GroupUserAPIReadOnly(requests);
+
+  return useReadOnlyStore<UserSummary>("user", store, loading, api, { orderBy: "full_name" });
+};