Добавление плагина MyPlugin

Пошаговая инструкция по интеграции MyPlugin в ваш проект.

Установка и использование MyPlugin

1. Подключение плагина

Плагин добавляется через директорию plugins/ в вашем проекте Nuxt. Создайте файл my-plugin.client.ts, который будет регистрировать глобальный компонент или функцию.

Этот пример демонстрирует добавление плагина, который делает функцию sayHello глобально доступной на стороне клиента.

plugins/my-plugin.client.ts
// Импортируем 'defineNuxtPlugin' для правильной регистрации
import { defineNuxtPlugin } from '#app' 

export default defineNuxtPlugin((nuxtApp) => {
  // Регистрируем функцию как глобальный хелпер Vue
  nuxtApp.vueApp.config.globalProperties.$sayHello = (name: string) => {
    console.log(`Hello, ${name}! The plugin is active.`)
  }

  return {
    provide: {
      // Регистрируем как Composables, чтобы использовать в setup()
      sayHello: (name: string) => `Hello, ${name}! (Provided)`
    }
  }
})

Wudgine • © 2025