[{"data":1,"prerenderedAt":189},["ShallowReactive",2],{"pt-BR-blog-index":3},[4,14,25,33,42,51,61,69,79,89,97,106,112,123,131,139,147,155,163,172,180],{"id":5,"path":6,"title":7,"description":8,"articleCover":9,"categoriesIds":10,"authorId":12,"publishedAt":13,"updatedAt":13},"blog\u002Fblog\u002Fa-maneira-correta-de-utilizar-a-nomenclatura-bem.md","\u002Fblog\u002Fa-maneira-correta-de-utilizar-a-nomenclatura-bem","A maneira correta de utilizar a nomenclatura BEM","A nomenclatura BEM (Block Element Modifier) define o padrão que devemos utilizar para nomear classes CSS, aprenda como utilizar a nomenclatura BEM corretamente","\u002Fimages\u002Fblog\u002Fa-maneira-correta-de-utilizar-a-nomenclatura-bem.webp",[11],"css","thiago-nunes-batista","2024-05-05",{"id":15,"path":16,"title":17,"description":18,"articleCover":19,"categoriesIds":20,"authorId":12,"publishedAt":23,"updatedAt":24},"blog\u002Fblog\u002Fcomo-adicionar-caracteres-especiais-no-i18n.md","\u002Fblog\u002Fcomo-adicionar-caracteres-especiais-no-i18n","Como Adicionar Caracteres Especiais em Traduções do i18N","Aprenda a adicionar caracteres especiais como @ e {} nas traduções do i18n no Vue.js sem causar erros","\u002Fimages\u002Fblog\u002Fi18n\u002Fi18n-caracteres-especiais-no-nuxtjs-thumb.webp",[21,22],"nuxt","vuejs","2025-01-29","2026-09-20",{"id":26,"path":27,"title":28,"description":29,"articleCover":30,"categoriesIds":31,"authorId":12,"publishedAt":32,"updatedAt":32},"blog\u002Fblog\u002Fcomo-adicionar-o-google-tag-manager-no-seu-website-com-nuxt-3.md","\u002Fblog\u002Fcomo-adicionar-o-google-tag-manager-no-seu-website-com-nuxt-3","Como adicionar o Google Tag Manager no seu website com Nuxt 3","Aprenda como adicionar o Google Tag Manager (GTM) no seu site desenvolvido com Nuxt, utilizando o módulo nuxt-gtag para facilitar o gerenciamento de tags e analytics.","\u002Fimages\u002Fblog\u002Fcomo-adicionar-google-tag-manager-em-projeto-com-nuxt-3.webp",[21,22],"2024-08-15",{"id":34,"path":35,"title":36,"description":37,"articleCover":38,"categoriesIds":39,"authorId":12,"publishedAt":41,"updatedAt":41},"blog\u002Fblog\u002Fcomo-configurar-chave-ssh-no-git-para-usar-no-github.md","\u002Fblog\u002Fcomo-configurar-chave-ssh-no-git-para-usar-no-github","Chave SSH no Git: Como Configurar chave SSH para usar no GitHub","Aprenda a gerar, configurar e adicionar uma chave SSH no GitHub para autenticação segura, eliminando a necessidade de digitar senha a cada acesso.","\u002Fimages\u002Fblog\u002Fgit\u002Fcomo-criar-e-configurar-chave-ssh-no-github-thumb.webp",[40],"git","2025-02-04",{"id":43,"path":44,"title":45,"description":46,"articleCover":47,"categoriesIds":48,"authorId":12,"publishedAt":50,"updatedAt":50},"blog\u002Fblog\u002Fcomo-consumir-uma-api-no-javascript-com-a-fetch-api.md","\u002Fblog\u002Fcomo-consumir-uma-api-no-javascript-com-a-fetch-api","Como consumir uma API no JavaScript com a Fetch API","Aprenda a utilizar a Fetch API do JavaScript para consumir uma API real sem bibliotecas extras, com exemplos práticos detalhados em HTML e JavaScript.","\u002Fimages\u002Fblog\u002Fcomo-consumir-uma-api-no-javascript-com-a-fetch-api.webp",[49],"javascript","2024-09-05",{"id":52,"path":53,"title":54,"description":55,"articleCover":56,"categoriesIds":57,"authorId":12,"publishedAt":59,"updatedAt":60},"blog\u002Fblog\u002Fcomo-criar-dados-estruturados-com-nuxtjs.md","\u002Fblog\u002Fcomo-criar-dados-estruturados-com-nuxtjs","Como Adicionar Dados Estruturados no Nuxt.JS","Como adicionar dados estruturados no Nuxt.js com nuxt-schema-org: Article, breadcrumb, validação, indexação no Search Console e Google Discover.","\u002Fimages\u002Fblog\u002Fseo\u002Fstructured-data\u002Fstructured-data-thumb-1.webp",[21,22,58],"seo","2025-01-22","2026-10-03",{"id":62,"path":63,"title":64,"description":65,"articleCover":66,"categoriesIds":67,"authorId":12,"publishedAt":68,"updatedAt":60},"blog\u002Fblog\u002Fcomo-funciona-o-sistema-de-rotas-no-nuxt.md","\u002Fblog\u002Fcomo-funciona-o-sistema-de-rotas-no-nuxt","Rotas no Nuxt: dinâmicas, aninhadas e catch-all","Como funciona o roteamento por arquivos do Nuxt: rotas dinâmicas, aninhadas e catch-all, query params, erro 404 e URLs canônicas, com exemplos do Nuxt 4.","\u002Fimages\u002Fblog\u002Fnuxt\u002Fsistema-de-rotas-no-nuxtjs-thumb.webp",[21,22],"2025-03-12",{"id":70,"path":71,"title":72,"description":73,"articleCover":74,"categoriesIds":75,"authorId":12,"publishedAt":77,"updatedAt":78},"blog\u002Fblog\u002Fcomo-lidar-com-inveja-de-outros-programadores.md","\u002Fblog\u002Fcomo-lidar-com-inveja-de-outros-programadores","Como Lidar com Inveja de Outros Programadores","Entenda como a inveja pode aparecer no ambiente de trabalho de programadores e como estar preparado para lidar com isso, mantendo seu foco e evolução profissional.","\u002Fimages\u002Fblog\u002Fcarreira\u002Finveja-de-programadores-com-quem-se-destaca.webp",[76],"career","2025-08-29","2026-07-06",{"id":80,"path":81,"title":82,"description":83,"articleCover":84,"categoriesIds":85,"authorId":12,"publishedAt":87,"updatedAt":88},"blog\u002Fblog\u002Fcomo-recuperar-arquivos-perdidos-no-git-pelo-vscode.md","\u002Fblog\u002Fcomo-recuperar-arquivos-perdidos-no-git-pelo-vscode","Perdeu arquivos no Git sem commit? Veja como recuperar pelo VS Code","Aprenda a recuperar alterações de código perdidas utilizando uma funcionalidade do Vscode chamada Local History que salva diferentes versões do seu código.","\u002Fimages\u002Fblog\u002Fcomo-recuperar-arquivos-perdido-no-git-pelo-vscode.webp",[40,86],"vscode","2024-05-15","2026-01-07",{"id":90,"path":91,"title":92,"description":93,"articleCover":94,"categoriesIds":95,"authorId":12,"publishedAt":96,"updatedAt":96},"blog\u002Fblog\u002Fcomo-usar-middlewares-no-nuxtjs.md","\u002Fblog\u002Fcomo-usar-middlewares-no-nuxtjs","Middlewares: O que são e como utilizar no Nuxt.JS","Aprenda o que são e como usar middlewares no Nuxt.js para controlar navegação, autenticação e permissões em suas páginas.","\u002Fimages\u002Fblog\u002Fnuxt\u002Fmiddlewares-no-front-end.webp",[21,22],"2025-01-14",{"id":98,"path":99,"title":100,"description":101,"articleCover":102,"categoriesIds":103,"authorId":12,"publishedAt":105,"updatedAt":105},"blog\u002Fblog\u002Fcomo-validar-cartao-de-credito-com-javascript.md","\u002Fblog\u002Fcomo-validar-cartao-de-credito-com-javascript","Como validar um cartão de crédito com JavaScript (algoritmo de Luhn)","Aprenda a validar número de cartão de crédito com JavaScript usando o algoritmo de Luhn. Exemplo prático, código pronto e o que o Luhn não verifica.",null,[49,104],"tools","2026-09-17",{"id":107,"path":108,"title":109,"description":110,"articleCover":102,"categoriesIds":111,"authorId":12,"publishedAt":105,"updatedAt":105},"blog\u002Fblog\u002Fcomo-validar-cpf-com-javascript.md","\u002Fblog\u002Fcomo-validar-cpf-com-javascript","Como validar um CPF com JavaScript","Aprenda como validar um CPF com JavaScript puro, calcular os dígitos verificadores, tratar formatação e rejeitar sequências inválidas em formulários.",[49,104],{"id":113,"path":114,"title":115,"description":116,"articleCover":117,"categoriesIds":118,"authorId":121,"publishedAt":122,"updatedAt":78},"blog\u002Fblog\u002Fcomponentes-do-figma-um-guia-para-te-ajudar-a-comecar.md","\u002Fblog\u002Fcomponentes-do-figma-um-guia-para-te-ajudar-a-comecar","Guia de Componentes no Figma para Iniciantes","O que são os componentes do Figma e como eles nos ajudam a ter eficiência e agilidade no nosso projeto de design digital? Descubra aqui!","\u002Fimages\u002Fblog\u002Ffigma\u002Fcomponentes-do-figma-um-guia-para-te-ajudar-a-comecar.png",[119,120],"figma","ux","eduardo-goncalves-souza","2024-10-15",{"id":124,"path":125,"title":126,"description":127,"articleCover":128,"categoriesIds":129,"authorId":12,"publishedAt":130,"updatedAt":88},"blog\u002Fblog\u002Fhub-de-ferramentas-gratuitas-para-desenvolvedores.md","\u002Fblog\u002Fhub-de-ferramentas-gratuitas-para-desenvolvedores","Criei um Hub de Ferramentas Web Gratuitas para Devs","Criei um hub de ferramentas web gratuitas para programadores: gerador de CPF, validadores, Planning Poker e mais utilitários do dia a dia.","\u002Fimages\u002Fblog\u002Fferramentas\u002Fhub-ferramentas-gratuitas-para-desenvolvedores.webp",[104],"2026-01-06",{"id":132,"path":133,"title":134,"description":135,"articleCover":136,"categoriesIds":137,"authorId":121,"publishedAt":138,"updatedAt":60},"blog\u002Fblog\u002Fo-que-sao-diretivas-no-vue-e-como-implementa-las.md","\u002Fblog\u002Fo-que-sao-diretivas-no-vue-e-como-implementa-las","Diretivas no Vue 3: nativas e personalizadas","Aprenda a usar as diretivas nativas e a criar diretivas personalizadas no Vue 3, com hooks, key, modificadores e os cuidados com SSR no Nuxt.","\u002Fimages\u002Fblog\u002Fvue\u002Fo-que-sao-diretivas-no-vue-e-como-implementa-las.webp",[22],"2025-03-21",{"id":140,"path":141,"title":142,"description":143,"articleCover":144,"categoriesIds":145,"authorId":12,"publishedAt":146,"updatedAt":146},"blog\u002Fblog\u002Fog-tags-o-que-sao-e-como-adicionar-no-seu-site.md","\u002Fblog\u002Fog-tags-o-que-sao-e-como-adicionar-no-seu-site","OG Tags: O que São e Como Adicioná-las ao Seu Site","Descubra como o Open Graph Protocol melhora a integração do seu site com mídias sociais, exibindo título, imagem e descrição ao compartilhar links.","\u002Fimages\u002Fblog\u002Fseo\u002Fo-que-e-como-utilizar-as-og-tags.webp",[58],"2024-10-05",{"id":148,"path":149,"title":150,"description":151,"articleCover":152,"categoriesIds":153,"authorId":12,"publishedAt":154,"updatedAt":154},"blog\u002Fblog\u002Fos-principais-erros-de-programadores-em-entrevistas-de-emprego.md","\u002Fblog\u002Fos-principais-erros-de-programadores-em-entrevistas-de-emprego","Os principais erros de programadores em entrevistas de emprego","Descubra os principais erros que programadores cometem em entrevistas de emprego e aprenda como evitá-los para aumentar suas chances de ser aprovado","\u002Fimages\u002Fblog\u002Fnao-cometa-esses-erros-na-sua-entrevista.webp",[76],"2024-09-15",{"id":156,"path":157,"title":158,"description":159,"articleCover":160,"categoriesIds":161,"authorId":121,"publishedAt":162,"updatedAt":162},"blog\u002Fblog\u002Fqual-a-diferenca-entre-a-composition-api-e-options-api-no-vuejs.md","\u002Fblog\u002Fqual-a-diferenca-entre-a-composition-api-e-options-api-no-vuejs","Qual a diferença entre a Composition API e Options API no VueJS","Simplificando e descobrindo as principais diferenças, vantagens e aplicações práticas da Composition API e Options API no Vue.js.","\u002Fimages\u002Fblog\u002Fvue\u002Fqual-a-diferenca-entre-a-composition-api-e-options-api-no-vuejs.webp",[22],"2025-02-20",{"id":164,"path":165,"title":166,"description":167,"articleCover":168,"categoriesIds":169,"authorId":121,"publishedAt":171,"updatedAt":78},"blog\u002Fblog\u002Fscroll-infinito-como-adicionar-ao-seu-site-e-suas-vantagens.md","\u002Fblog\u002Fscroll-infinito-como-adicionar-ao-seu-site-e-suas-vantagens","Scroll Infinito no React-Native: Guia Prático","Aprenda a fazer o Scroll Infinito no React-Native, onde o novo conteúdo é carregado à medida que o usuário rola a tela, oferecendo uma experiência incrível e suave.","\u002Fimages\u002Fblog\u002Freact-native\u002Fscroll-infinito-como-adicionar-ao-seu-site-e-suas-vantagens.webp",[170],"react-native","2024-12-15",{"id":173,"path":174,"title":175,"description":176,"articleCover":177,"categoriesIds":178,"authorId":12,"publishedAt":179,"updatedAt":179},"blog\u002Fblog\u002Fvercel-compra-nuxt-labs.md","\u002Fblog\u002Fvercel-compra-nuxt-labs","Vercel comprou a Nuxt Labs! E agora, o que muda para o Nuxt?","A Vercel anunciou a aquisição da Nuxt Labs, a empresa por trás do ecossistema Nuxt. Neste artigo, entenda o que isso significa para o framework e a comunidade.","\u002Fimages\u002Fblog\u002Fnuxt\u002Fvercel-compra-nuxt-labs.webp",[21],"2025-07-17",{"id":181,"path":182,"title":183,"description":184,"articleCover":185,"categoriesIds":186,"authorId":12,"publishedAt":188,"updatedAt":188},"blog\u002Fblog\u002Fweb-vitals-como-a-experiencia-do-usuario-vai-afetar-o-seo-do-seu-site.md","\u002Fblog\u002Fweb-vitals-como-a-experiencia-do-usuario-vai-afetar-o-seo-do-seu-site","Web Vitals, como a experiência do usuário vai afetar o SEO do seu site?","Descubra como o SEO e os Core Web Vitals se complementam para melhorar a experiência do usuário e o ranqueamento do seu site nos motores de busca como Google e Bing.","\u002Fimages\u002Fblog\u002Fseo\u002Fweb-vitals\u002Fweb-vitals-como-a-experiencia-do-usuario-vai-afetar-o-seo-do-seu-site.webp",[58,187],"web-vitals","2024-10-25",1791076734961]