fix: Optimize Recipe Favorites/Ratings (#6075)

frontend/composables/api/api-client.ts

@@ -3,6 +3,7 @@ import type { Composer } from "vue-i18n";
 import type { ApiRequestInstance, RequestResponse } from "~/lib/api/types/non-generated";
 import { AdminAPI, PublicApi, UserApi } from "~/lib/api";
 import { PublicExploreApi } from "~/lib/api/client-public";
+import { useGlobalI18n } from "~/composables/use-global-i18n";
 
 const request = {
   async safe<T, U>(
@@ -56,8 +57,7 @@ function getRequests(axiosInstance: AxiosInstance): ApiRequestInstance {
 export const useRequests = function (i18n?: Composer): ApiRequestInstance {
   const { $axios } = useNuxtApp();
   if (!i18n) {
-    // Only works in a setup block
-    i18n = useI18n();
+    i18n = useGlobalI18n();
   }
 
   $axios.defaults.headers.common["Accept-Language"] = i18n.locale.value;

frontend/composables/use-global-i18n.ts

@@ -0,0 +1,10 @@
+import type { Composer } from "vue-i18n";
+
+let i18n: Composer | null = null;
+
+export function useGlobalI18n() {
+  if (!i18n) {
+    i18n = useI18n();
+  }
+  return i18n;
+}

frontend/composables/use-users/user-ratings.ts

@@ -5,26 +5,31 @@ const userRatings = ref<UserRatingSummary[]>([]);
 const loading = ref(false);
 const ready = ref(false);
 
-export const useUserSelfRatings = function () {
-  const $auth = useMealieAuth();
-  const api = useUserApi();
+const $auth = useMealieAuth();
 
+export const useUserSelfRatings = function () {
   async function refreshUserRatings() {
     if (!$auth.user.value || loading.value) {
       return;
     }
 
     loading.value = true;
+    const api = useUserApi();
+
     const { data } = await api.users.getSelfRatings();
     userRatings.value = data?.ratings || [];
+
     loading.value = false;
     ready.value = true;
   }
 
   async function setRating(slug: string, rating: number | null, isFavorite: boolean | null) {
     loading.value = true;
+    const api = useUserApi();
+
     const userId = $auth.user.value?.id || "";
     await api.users.setRating(userId, slug, rating, isFavorite);
+
     loading.value = false;
     await refreshUserRatings();
   }