Enquanto os módulos do Nuxt oferecem funcionalidades extensas, às vezes um plugin específico do Vite pode atender suas necessidades de forma mais direta.

Primeiro, precisamos instalar o plugin do Vite, para nosso exemplo, usaremos @rollup/plugin-yaml:

npm install @rollup/plugin-yaml

Em seguida, precisamos importar e adicioná-lo ao nosso arquivo nuxt.config.ts:

import yaml from '@rollup/plugin-yaml'

export default defineNuxtConfig({
  vite: {
    plugins: [
      yaml()
    ]
  }
})

Agora que instalamos e configuramos nosso plugin do Vite, podemos começar a usar arquivos YAML diretamente em nosso projeto.

Por exemplo, podemos ter um config.yaml que armazena dados de configuração e importar esses dados em nossos componentes Nuxt:

greeting: "Hello, Nuxt with Vite!"