Please enable JavaScript.

Coggle requires JavaScript to display documents.

Vue.js 3 - Feedbacker - Coggle Diagram

- - - - useModal é uma API, oferece um serviço
      - porém, internamente, manipula eventos
      - exporta funções que manipulam eventos: open, close, listen e off
  - - - Parâmetros
        
        isActive: Determina se o template será renderizado ou não
        
        component: Qual componente será renderizado
        
        props: Possíveis propriedades do componente
        
        width: Largura personalizada do componente
      - No onMounted, ele chama a função listen do useModal
        
        Essa função listen vai iniciar o evento 'modal:toggle', que vai ficar escutando
        
        A qualquer interação com este evento, será chamada a função handleModalToggle
        
        A função handleModalToggle poderá alterar os parâmetros do state do ModalFactory
      - Quando chega no index da view Home, o clique no botão de login, do custom-header dispara o evento login, que chama a função handleLogin
        
        A handleLogin informa o componente ModalLogin para a useModal.open
        
        Nesse momento, o evento 'modal:toggle' já está ativo e escutando
        
        A função open altera o status para true e passa o payload (ModalLogin)
        
        Portanto, esse status e esse payload vão ser processados pela handleModalToggle, pois ocorreu interação no evento 'modal:toggle'
        
        com status=true, o template do ModalFactory é ativado e o modal requerido (ModalLogin) é exibido na tela
      - vee-validate: npm install vee-validate@next --save
        
        Efetuar as validações do formulário de login