Pular para conteúdo

Projeto 11 - Gerenciamento de Estado (Pinia) 🍍

🎯 Objetivo

Centralizar o estado de informações importantes da aplicação para que elas sejam acessíveis em qualquer tela.

🛠️ Requisitos

  • Configuração do Pinia.
  • Criação de uma Store (State, Actions).

🏗️ Tarefas

  1. Setup: Configure o Pinia no main.js.
  2. Store de Perfil: Crie uma store useUserStore que guarde o nome do usuário logado.
  3. Ação: Crie uma função na store para atualizar o nome.
  4. Uso: Exiba o nome do usuário no Header (vindo da store) e crie uma página de "Configurações" onde o usuário possa mudar seu nome.

🧪 Verificação

Mude o nome na página de configurações e verifique se o nome no cabeçalho (Header) atualiza instantaneamente em todas as rotas.