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

Question

[Дмитрий Баскаков]

Пытаюсь подключить различные плагины Vue к Nuxt проекту. Пробовал делать так и не помогло:

// Файл в директории plugins. Подключен в конфиге
import VueTheMask from 'vue-the-mask'
import Vue from 'vue'

Vue.use(VueTheMask)

В данном случае просто Vue undefined. Пробовал установить Vue отдельно - не помогло

Пробовал делать так:

// Файл в директории plugins. Подключен в конфиге
import VueTheMask from 'vue-the-mask'

export default defineNuxtPlugin((app) => {
    app.vueApp.use(VueTheMask)
})

Ошибок нет, но директива и компоненты просто не добавляются

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

package.json

{
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "devDependencies": {
    "nuxt": "3.0.0",
    "sass": "^1.57.1",
    "sass-loader": "^10.4.1"
  },
  "dependencies": {
    "nuxt-icons": "^3.0.0",
    "vue-the-mask": "^0.11.1"
  }
}