Nuxt 3 já está disponível! Descobre mais sobre isso https://nuxt.com/v3

Translated page Contents of this page might be outdated.

A propriedade plugins

Usa os plugins de vue.js com as opções de plugins do Nuxt.


Nota: Desde a versão 2.4 do Nuxt, o mode tem sido introduzido como a opção de plugins para especificar o tipo do plugin, os possíveis valores são: client ou server. O ssr: false será adotado para o mode: client e depreciado no próximo principal lançamento.

  • Tipo: Array
    • Itens: String ou Object

Se o item for um objeto, as propriedades são:

  • src: String (caminho do ficheiro)
  • mode: String (pode ser client ou server) Se definida, o ficheiro será incluído apenas no respetivo lado do (cliente ou servidor).

Nota: Versão antiga

  • Tipo: Array
    • Itens: String ou Object

Se o item for um objeto, as propriedades são:

  • src: String (caminho do ficheiro)
  • ssr: Boolean (padrão ao true) Se for false, o ficheiro será incluído apenas no lado do cliente.

A propriedade plugins permite você adicionar plugins de Vue.js facilmente à sua aplicação principal.

nuxt.config.js
export default {
  plugins: [
    { src: '~/plugins/both-sides.js' },
    { src: '~/plugins/client-only.js', mode: 'client' },
    { src: '~/plugins/server-only.js', mode: 'server' }
  ]
}
nuxt.config.js
export default {
  plugins: ['@/plugins/ant-design-vue']
}
plugins/ant-design-vue.js
import Vue from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css' // conforme documentação do Ant Design

Vue.use(Antd)

Nota que o CSS foi importado conforme a documentação do Ant Design

Todos os caminhos definidos dentro da propriedade plugins serão importados antes da inicialização da aplicação principal.

Edit this page on GitHub Updated at Thu, Feb 9, 2023