Що таке plugins в 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
    }
  };
});

// Використання в компонентах
const { $api } = useNuxtApp();
const user = await $api.getUser(123);

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Дочитали статтю?

Практика завдань