[Dúvida] uso do type =

Olá Dimi!

O uso do atributo type="module" na importação do arquivo app.js é necessário para indicar que o arquivo está sendo importado como um módulo do JavaScript.

Quando utilizamos o type="module", o navegador entende que o arquivo importado é um módulo e, por padrão, ele é executado em modo estrito ("use strict"). Isso significa que o código dentro do módulo é executado em um escopo isolado, evitando conflitos com outras variáveis e funções definidas em outros módulos ou no escopo global.

Além disso, o uso do type="module" permite que você utilize as funcionalidades mais recentes do JavaScript, como o import e o export, que são recursos essenciais para a modularização do código.

Vamos supor que você tenha um arquivo chamado module.js e quer exportar uma função:

// module.js
export function minhaFuncao() {
  // código da função
}

No arquivo app.js, você consegue importar essa função que você exportou logo acima:

// app.js
import { minhaFuncao } from './module.js';

minhaFuncao();

Nesse caso, é necessário utilizar o type="module" na tag <script> que importa o arquivo app.js para que o navegador entenda que estamos importando um módulo e possa executar corretamente o código.

Espero ter ajudado e bons estudos!