Consider using a vue component library

[edmondchuc]

We need to discuss the pros and cons for the kinds of component libraries out there.

• Vuetify - the most prominent component library in the Vue world. If we are all happy with Material Design, then I think it’s a good choice.
• Quasar is a framework and has its own way of doing things. I think it’s a good choice if we are building an app-like thing with web technologies, such as a PWA, or if we are targeting another platform such as a mobile OS.
• Element - has quite a large component library. For example, it has a tree select component that will be useful for our hierarchical data. In contrast, Vuetify is probably more stable but does not have components such as tree select.

Need to consider how easy these libraries/frameworks allow us to customise/theme the components.

If we really need to create custom components, then something like an unstyled component library may be more appropriate. Example, https://headlessui.com/

We should also discuss on CSS usage - css, sass, tailwind, etc.

[edmondchuc]

Where are we with the project and is adopting a component library something we want to look at right now?

Jamie - adopting a component library is out of scope for now. The current priority is to get Prez UI to be feature complete with v2.

Describo input forms

The "Describo input forms" work is quite standalone and not necessarily public facing. If and when we have a set of standardised input components, we can bring them in to the Describo forms.

Map search

Some of the map search components to discuss

• map component
• form fields

Custom themes

The current solution is good enough. See https://github.com/Kurrawong/qld-resources-prez-ui. Move items in the header and footer - breadcrumbs, search box and prez links, etc to a separate component. Have placeholder Header and Footer components that are overridable rather than wrapping around the Vue app as it is currently done in the qld resources theme.

Outcomes:

• Howard to catch up with Jamie on how the map component and search is being implemented
• Update Prez UI header and footer components for custom themes
• Describo work will go ahead as a standalone part of Prez. When Prez styling and form components are more mature, consider using them in the Describo forms.