Private API to fetch data from server on page load or navigation without exposing api to the client

<!-- pages/example.vue -->
<script setup>
// This should be called on the server side
const { data } = await useAsyncData(
  "theKey",
  () => $fetch("external api"), // This code should not be visible to clients
  {
    server: true, // Set to true but data won't load on navigation
  }
);
</script>

<template>
  <div>
    <!-- Do something with data on the client side -->
  </div>
</template>