utils
Use o diretório utils/ para importar automaticamente suas funções utilitárias em todo o seu aplicativo.
O principal objetivo do diretório utils/ é permitir uma distinção semântica entre seus composables Vue e outras funções utilitárias importadas automaticamente.
Uso
Método 1: Usando exportação nomeada
export const { format: formatNumber } = Intl.NumberFormat('en-GB', {
notation: 'compact',
maximumFractionDigits: 1
})
Método 2: Usando exportação padrão
// Estará disponível como randomEntry() (camelCase do nome do arquivo sem extensão)
export default function (arr: Array<any>) {
return arr[Math.floor(Math.random() * arr.length)]
}
Agora você pode usar funções utilitárias importadas automaticamente em arquivos .js, .ts e .vue
<template>
<p>{{ formatNumber(1234) }}</p>
</template>
A forma como as importações automáticas de utils/ funcionam e são escaneadas é idêntica ao diretório composables/.
Esses utils estão disponíveis apenas na parte Vue do seu aplicativo. :br
Apenas server/utils são importados automaticamente no diretório server/.
※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.
A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/guide/directory-structure/utils