godeep-states
v1.0.0
Published
Stores Pinia e rotas de servidor para integração GoDeep com Nuxt
Maintainers
Readme
godeep-states
Módulo Nuxt que fornece stores Pinia e rotas de servidor para integração com a API GoDeep, removendo a responsabilidade de gerenciamento de estado do front-end do cliente.
Features
- 🗄️ Stores Pinia pré-configurados para todas as funcionalidades do GoDeep
- 🔌 Rotas de servidor para proxy de API
- 🔄 Persistência de estado com sessionStorage
- 📦 Integração completa com godeep-types
- 🚀 Auto-descoberta de stores pelo Nuxt
Quick Setup
Instale o módulo na sua aplicação Nuxt:
npm install godeep-states
# ou
bun add godeep-statesAdicione o módulo ao seu nuxt.config.ts:
export default defineNuxtConfig({
modules: ['godeep-states'],
// Configure as variáveis de ambiente necessárias
runtimeConfig: {
public: {
urlApi: process.env.URL_API,
token: process.env.TOKEN_API,
},
},
})Configure as variáveis de ambiente no seu .env:
URL_API=https://sua-api-godeep.com
TOKEN_API=seu-token-aquiPronto! Os stores estarão disponíveis automaticamente na sua aplicação ✨
Stores Disponíveis
O módulo fornece os seguintes stores Pinia:
storeCarrinho- Gerenciamento de carrinho de comprasstoreHome- Dados da página inicialstoreProduto- Detalhes e informações de produtosstoreVitrine- Listagens e vitrines de produtosstoreCategoria- Categorias de produtosstoreBusca- Resultados de buscastoreFavoritos- Lista de favoritosstoreLogin- Autenticação e loginstoreCadastro- Cadastro de usuáriosstorePedidos- Histórico de pedidosstoreEnderecos- Gerenciamento de endereçosstorePagamentos- Métodos de pagamentostoreConfiguracoes- Configurações da lojastoreMenus- Menus de navegaçãostoreBanner- Banners promocionaisstoreNewsletter- Inscrições em newsletterstorePaginas- Páginas estáticasstoreRedesSociais- Links de redes sociaisstoreAvaliacoes- Avaliações de produtosstoreFiltros- Filtros de buscastoreDadosCadastrais- Dados cadastrais do usuário
Uso
Os stores são auto-importados pelo Nuxt. Você pode usá-los diretamente nos seus componentes:
<script setup lang="ts">
const carrinhoStore = storeCarrinho()
const homeStore = storeHome()
// Usar os stores
await homeStore.buscarHome()
await carrinhoStore.adicionarProdutosCarrinho([...])
</script>Rotas de Servidor
O módulo também fornece rotas de servidor:
/api/front-api/**- Proxy para a API GoDeep/robots- Endpoint para robots.txt/robots.txt- Endpoint alternativo para robots.txt
Dependências
Este módulo requer:
godeep-types- Tipos TypeScript e funções de traduçãopinia- Gerenciamento de estadopinia-plugin-persistedstate- Persistência de estado
Contribution
# Instalar dependências
npm install
# Gerar stubs de tipos
npm run dev:prepare
# Desenvolver com o playground
npm run dev
# Build do playground
npm run dev:build
# Executar ESLint
npm run lint
npm run lint:fix
# Executar testes
npm run test
npm run test:watch
# Verificar tipos
npm run typecheck
# Publicar nova versão
npm run release