api.ts

// plugins/api.ts
export default defineNuxtPlugin((nuxtApp) => {
  const api = $fetch.create({
    baseURL: 'https://api.example.com',
    onRequest({ options }) {
      options.headers.set('Authorization', 'Bearer your-token');
    },
  });

  return {
    provide: {
      api,
    },
  };
});
Using it in a co

use.vue

<script setup lang="ts">
const { $api } = useNuxtApp();
const { data } = await $api('/endpoint');
</script>

<template>
  <div>{{ data }}</div>
</template>