1
resposta

Como fazer para uma constante global do tipo objeto ser vista pelos componentes?

Defini num arquivo JS uma constante chamada config do tipo objeto a qual contém todas as informações necessárias ao meu sistema.

No entanto, não consigo usá-la nos componentes porque dá erro de variável indefinida.

Como eu passo essa constante como propriedade para a classe App na chamada abaixo:

const app = new App({ target: document.body });

ou teria outra forma de iniciar o sistema de modo a passar propriedades?

1 resposta

Olá, Joao, tudo bem? Nos desculpe a demora a responder.

Você pode utilizar normalmente o sistema de módulos do próprio JavaScript. Você pode ter um arquivo config.js com o seguinte código, que exporta um objeto para ficar visível para outros arquivos:

export default {
  darkMode: true,
};

Assim, em App.js, você pode escrever a seguinte importação no início do arquivo (se o arquivo config.js estiver na mesma pasta que o App.js):

import config from "./config.js";

Assim, você poderá utilizar o objeto config normalmente. Você também pode importar esse objeto dentro dos componentes do Svelte.

Espero ter ajudado! Abraços e bons estudos!