HN vorgestellt: Gov.uk Vue, eine Vue-Komponentenbibliothek für das Gov.uk Design System

 (govukvue.org)
2 Punkte von GN⁺ 2024-09-04 | 1 Kommentare | Auf WhatsApp teilen

Erste Schritte mit GOV.UK Vue

Neuigkeiten

    1. September 2024: Veröffentlichung von GOV.UK Vue v1.0.0
    • Erste stabile Version, vollständig kompatibel mit GOV.UK Frontend v5
    • Drei neue Komponenten hinzugefügt:
      • Aufgabenliste
      • Passworteingabe
      • Service-Navigation

Erste Schritte

  • Anleitung zur Installation und Verwendung von GOV.UK Vue
  • Kann in Apps verwendet werden, unabhängig davon, ob es sich um einen Regierungsdienst handelt oder nicht

Komponenten

  • Verschiedene Komponenten des GOV.UK Design System verfügbar, darunter Formulare, Navigation, Panels und Tabellen

Hilfe und Support

  • Hinweise dazu, wie man Hilfe zur Verwendung von GOV.UK Vue erhält, Probleme meldet, Feedback gibt oder neue Funktionen vorschlägt

Projektziele

  • Bereitstellung einer reibungslosen Developer Experience und vollständiger Kompatibilität mit GOV.UK Frontend
  • Verwendung unveränderter GOV.UK-Frontend-Styles für Konsistenz mit anderen GOV.UK-Diensten
  • Bereitstellung flexibler und robuster Vue-Komponenten
  • Neuimplementierung des GOV.UK-Frontend-JavaScripts in Vue-Code, einschließlich aller Accessibility-Funktionen

Über GOV.UK Vue

  • Eine Community-Ressource des GOV.UK Design System
  • Das Design-System-Team bietet keinen Support; bei Hilfebedarf oder Feature-Wünschen bitte direkt Matt Eason kontaktieren
  • Wenn das Projekt nützlich ist, kann es über Ko-fi oder GitHub Sponsors unterstützt werden

Support-Links

  • GOV.UK Vue ist auf GitHub verfügbar
  • Veröffentlicht unter der MIT-Lizenz
  • Copyright © Matt Eason

Zusammenfassung von GN⁺

  • GOV.UK Vue ist ein Community-Projekt, das Vue-Komponenten für das GOV.UK Design System bereitstellt
  • Es bietet die Flexibilität und Robustheit von Vue und wahrt zugleich die Konsistenz mit Regierungsdiensten
  • Die vollständige Kompatibilität einschließlich Accessibility-Funktionen macht es für Entwickler nützlich
  • Ähnliche Projekte mit vergleichbarer Funktionalität sind unter anderem Vuetify und Quasar

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-09-04
Hacker-News-Kommentare

  • Der Regierungswechsel im Vereinigten Königreich im Jahr 2010 und die daraus folgende Neugestaltung des digitalen Auftritts dienten als Inspiration für die Open-Data-Bewegung in Michigan

    • Es wurde ein Video verlinkt, in dem der leitende Architekt die Veränderungen erläutert
    • Das O'Reilly-Video konnte nicht gefunden werden, doch durch den Regierungswechsel wurde die Entwicklung eingestellt
    • Keine Regierungswebsite in den USA kommt an die Klarheit und Einfachheit des Vereinigten Königreichs heran

  • Es sollte klargestellt werden, dass dieses Projekt kein offizielles gov.uk-Projekt ist

  • Auch ohne auf die URL zu schauen, fühlte es sich so an, als würde man eine offizielle gov.uk-Website besuchen

    • Das Designsystem ist so gut, dass es niemanden stört, wenn Leute es kopieren

  • Dieses Projekt ist sehr angenehm zu benutzen und wirkt visuell nicht überladen

  • Die vollständigste Komponentenbibliothek für Vue ist PrimeVue

    • Sie bietet auch CSS-Utilities und Icons
    • Es gibt auch Versionen für React, Angular und JSF
    • Es wäre wünschenswert, wenn es mehr Bibliotheken mit Unterstützung über verschiedene Tech-Stacks hinweg gäbe

  • Es stellt sich die Frage, ob die Haltung des GDS zu JavaScript lockerer geworden ist

    • Es muss geprüft werden, ob progressive enhancement weiterhin verpflichtend ist
    • Ebenfalls interessant ist, ob SSR verwendet wird, um die erste HTML-Antwort bereitzustellen

  • Auch die französische Regierung bietet ein Designsystem an

    • Eine Vue-Implementierung ist ebenfalls möglich

  • Es wurde ein Crispy-Forms-Template-Pack für Django-Seiten geschrieben

    • Das dürfte sehr dabei helfen, die Anforderungen an Barrierefreiheit zu erfüllen

  • Die Schriftart von GOV.UK Vue unterscheidet sich von der Standard-Schrift des GOV.UK-Designsystems

    • GOV.UK Vue konzentriert sich auf Komponenten, nicht auf Styles
    • Die Schriftart GDS Transport ist nicht öffentlich nutzbar

  • Es wird gefragt, ob jemand Material zur erfolgreichen Gestaltung von gov.uk kennt

    • Ebenso steht die Frage im Raum, ob dafür jemand geadelt wurde

  • Es ist selten, dass man stolz auf die Regierung ist, aber das Digital-Team leistet seit einigen Jahren hervorragende Arbeit