ui-components

Check the component catalog before creating anything new. Root-level components are auto-imported by Nuxt, but components in subfolders like form/ or table/ require an explicit import statement, otherwise you get a Failed to resolve component warning.

Components in subdirectories used by their short name need an explicit import such as import InputSelect from '~/components/form/InputSelect.vue'. Without it, Nuxt logs a Failed to resolve component warning and the component is absent from the render.

InputSelect and SelectDay render their list with absolute positioning and z-50, so a modal body with overflow-y-auto cuts the panel off. Give the modal body a sufficient min-height or use the drop-up prop when the select sits near the bottom.

BreadCrumb accepts customItems via :custom-items, an array of {name, path} objects. Passing :items is silently ignored and triggers automatic mode based on route.path, which can produce dead links.

Seven of the twelve modals emit their payload with {resolve, reject} callbacks. The parent must call callbacks.resolve() after a successful save, otherwise the form remains in a blocked state.