HN em destaque: Gov.uk Vue, uma biblioteca de componentes Vue para o sistema de design do Gov.uk

Primeiros passos com o GOV.UK Vue

Novidades

• 2 de setembro de 2024: lançamento do GOV.UK Vue v1.0.0
  • primeira versão estável, totalmente compatível com o GOV.UK Frontend v5
  • adição de três novos componentes:
    • lista de tarefas
    • campo de senha
    • navegação do serviço

Começando

• guia de instalação e uso do GOV.UK Vue
• pode ser usado em aplicativos independentemente de serem ou não serviços governamentais

Componentes

• vários componentes do GOV.UK Design System disponíveis, como formulários, navegação, painéis e tabelas

Ajuda e suporte

• orientação sobre como obter ajuda para usar o GOV.UK Vue, relatar problemas, enviar feedback ou sugerir novos recursos

Objetivos do projeto

• oferecer uma experiência de desenvolvimento fluida e compatibilidade total com o GOV.UK Frontend
• usar estilos do GOV.UK Frontend sem modificações para manter consistência com outros serviços do GOV.UK
• fornecer componentes Vue flexíveis e robustos
• reimplementar em código Vue o JavaScript do GOV.UK Frontend, incluindo todos os recursos de acessibilidade

Sobre o GOV.UK Vue

• recurso da comunidade do GOV.UK Design System
• a equipe do Design System não oferece suporte; se precisar de ajuda ou quiser solicitar recursos, entre em contato diretamente com Matt Eason
• se o projeto for útil, é possível apoiá-lo via Ko-fi ou GitHub Sponsors

Links de suporte

• o GOV.UK Vue pode ser consultado no GitHub
• distribuído sob a licença MIT
• Copyright © Matt Eason

Resumo do GN⁺

• o GOV.UK Vue é um projeto comunitário que oferece componentes Vue para o GOV.UK Design System
• mantém consistência com serviços governamentais ao mesmo tempo que oferece a flexibilidade e robustez do Vue
• oferece compatibilidade completa, incluindo recursos de acessibilidade, sendo útil para desenvolvedores
• projetos com funcionalidades semelhantes incluem Vuetify e Quasar

[GN⁺]

Comentários do Hacker News

• A mudança de governo no Reino Unido em 2010, que reimaginou a presença digital do governo, inspirou o movimento de dados abertos em Michigan

  • Compartilha um link de vídeo em que o principal arquiteto do Reino Unido explica a mudança
  • Não conseguiu encontrar o vídeo da O'Reilly, mas o desenvolvimento foi interrompido por causa da mudança de governo
  • Nenhum site governamental dos EUA se compara à clareza e simplicidade do Reino Unido

• É preciso deixar claro que este projeto não é um projeto oficial do gov.uk

• Sem olhar a URL, pareceu que eu estava visitando um site oficial do gov.uk

  • O sistema de design é tão bom que não vejo problema em as pessoas o copiarem

• Este projeto é muito bom de usar e não é visualmente poluído

• A biblioteca de componentes mais completa para Vue é a PrimeVue

  • Também oferece utilitários CSS e ícones
  • Também há versões para React, Angular e JSF
  • Seria bom se houvesse mais bibliotecas com suporte a diferentes stacks de tecnologia

• Fico curioso se a posição do GDS em relação a Javascript ficou mais flexível

  • É preciso verificar se aprimoramento progressivo continua sendo obrigatório
  • Também tenho curiosidade se usam SSR para fornecer a primeira resposta HTML

• O governo francês também oferece um sistema de design

  • Uma implementação em Vue também é possível

• Escrevi um template pack do Crispy Forms para sites Django

  • Isso ajudará bastante a lidar com os requisitos de acessibilidade

• A fonte do GOV.UK Vue é diferente da fonte padrão do sistema de design GOV.UK

  • O GOV.UK Vue foca em componentes, não em estilos
  • A fonte GDS Transport não está disponível para uso público

• Gostaria de saber se alguém conhece materiais que discutam o design bem-sucedido do gov.uk

  • Também tenho curiosidade se isso rendeu um título de nobreza a alguém

• É raro eu sentir orgulho do governo, mas a equipe digital tem feito um trabalho excelente há anos