What are plugins in Nuxt?

javascript

// plugins/vue-toast.ts
import Toast from "vue-toastification";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(Toast);
});

// plugins/api.ts
export default defineNuxtPlugin(() => {
  const api = {
    async getUser(id) {
      return $fetch(`/api/users/${id}`);
    }
  };
  
  return {
    provide: {
      api
    }
  };
});

// Usage in components
const { $api } = useNuxtApp();
const user = await $api.getUser(123);

Short Answer

Interview ready

Premium

A concise answer to help you respond confidently on this topic during an interview.

Finished reading?

Practice Problems