cache fetch nuxt 3

use-cache.js

export default async function (key, endpoint, options = {}) {
  const cache = ref();
  const { data: cachedData } = useNuxtData(key);
  if (cachedData.value) {
    cache.value = cachedData.value;
  } else {
    const { data, error } = await useLazyAsyncData(
      key,
      () => $fetch(endpoint),
      options
    );
    if (error.value) {
      throw createError({ statusCode: 404, statusMessage: "Page Not Found" });
    }
    cache.value = data.value;
  }
  return cachedData;
}

//usage:

const todo = await useCache('todo', 'https://URL endpoint');

//using the same data in another component
const { data } = useNuxtData('todo');