Как добавлять компоненты и директивы в Nuxt?

В Nuxt.js для добавления компонентов и директив существует несколько способов, которые позволяют гибко настраивать структуру и функциональность вашего приложения.

1. Глобальный режим (Global mode):
- Для добавления глобальных компонентов создайте директорию components в корне вашего проекта и поместите туда файлы компонентов с расширением .vue.
- В файле nuxt.config.js добавьте следующую конфигурацию:

     module.exports = {
       // ...
       components: true,
       // ...
     }

- Теперь вы можете использовать все компоненты, которые находятся в директории components, в любом компоненте вашего приложения.

2. Локальный режим (Local mode):
- Для добавления локальных компонентов создайте директорию components внутри директории pages в корне вашего проекта.
- Поместите файлы компонентов в созданную директорию components с расширением .vue.
- В компоненте страницы вы можете использовать компоненты, находящиеся в директории components, просто импортируя их.

3. Использование директив:
- Для добавления директивы создайте файл directive.js в корне вашего проекта или в директории plugins внутри корня проекта.
- В файле directive.js определите свою директиву. Например:

     import Vue from 'vue';

     Vue.directive('my-directive', {
       bind: function (el, binding, vnode) {
         // Ваш код для директивы
       },
     });

- В файле nuxt.config.js добавьте следующую конфигурацию:

     module.exports = {
       // ...
       plugins: [
         // ...
         '@/plugins/directive.js',
       ],
       // ...
     }

- Теперь ваша директива будет доступна в любом компоненте вашего приложения.

Это лишь основные способы добавления компонентов и директив в Nuxt.js. Вы также можете использовать другие подходы, такие как динамическая регистрация компонентов или использование плагинов для добавления функциональности в приложение.

Для более подробной информации вы можете ознакомиться с официальной документацией Nuxt.js: https://nuxtjs.org/