Skip to content

feat(component-library): add the mt-app application shell - #1389

Open
Arnold Stoba (arnoldstoba) wants to merge 19 commits into
mainfrom
feat/add-mt-app-component
Open

Arnold Stoba (arnoldstoba) wants to merge 19 commits into
mainfrom
feat/add-mt-app-component

Conversation

@arnoldstoba

@arnoldstoba Arnold Stoba (arnoldstoba) commented Sep 24, 2026 •

Copy link
Copy Markdown
Contributor

What?

  • MtApp, an application shell with the regions header, navigation, content and sidebar. Below the mobile breakpoint, the navigation and the sidebar become drawers.
  • useMtApp() to read and control the shell, useMtAppRegions() to hide regions from a page, and the route meta mtAppRegions to hide them for a whole route.
  • An optional loading bar (loading-bar).
  • MtContainer and MtUser.
  • examples/playground-admin as the playground.

Changes to existing components:

  • mt-select and mt-tooltip mark Escape as handled when it closes their list or tooltip.
  • mt-tooltip, the unit select and mt-snackbar carry a data-mt-overlay attribute, so an open drawer leaves them usable.
  • reka-ui moves to ^2.10.5.

Why?

Standalone Meteor apps need a responsive app frame.

How?

  • The navigation and the sidebar each have a desktop state that the app can bind with v-model. On mobile, they open as one drawer at a time, built on reka-ui's Drawer.
  • While a drawer is open, the page behind it is inert instead of using a focus trap, so Meteor's overlays keep working.
  • The shell uses Vue Router through $router without depending on it. A navigation closes the drawer, shows the new page from its top and announces the new title.
  • Route meta regions apply before the page renders, so they don't flicker during page transitions.

Testing?

Specs for regions, panels, drawers, route transitions, <KeepAlive>, the loading bar, SSR and hydration. Unit tests, types, lint, build, size-limit and the playground build pass.

Anything Else?

Contains #1392's commit until it's merged.

@vercel

vercel Bot commented Sep 24, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments
Project Deployment Actions Updated
meteor-storybook Ignored Ignored Preview Oct 8, 2026 1:24pm UTC
meteor-docs Skipped Skipped Oct 8, 2026 1:24pm UTC

Request Review

@arnoldstoba Arnold Stoba (arnoldstoba) changed the title feat: add mt-app application shell and mt-container feat: add mt-app application shell Sep 25, 2026
@arnoldstoba Arnold Stoba (arnoldstoba) changed the title feat: add mt-app application shell feat(component-library): add the mt-app application shell with MtContainer, MtDrawer and MtUser Oct 5, 2026
@arnoldstoba
Arnold Stoba (arnoldstoba) changed the base branch from main to feat/overlay-layering October 5, 2026 10:18
@arnoldstoba
Arnold Stoba (arnoldstoba) changed the base branch from feat/overlay-layering to main October 6, 2026 13:27
@arnoldstoba Arnold Stoba (arnoldstoba) changed the title feat(component-library): add the mt-app application shell with MtContainer, MtDrawer and MtUser feat(component-library): add the internal mt-app application shell Oct 8, 2026
@arnoldstoba
Arnold Stoba (arnoldstoba) marked this pull request as ready for review October 8, 2026 12:32
@arnoldstoba
Arnold Stoba (arnoldstoba) requested a review from a team October 8, 2026 12:33
@arnoldstoba Arnold Stoba (arnoldstoba) changed the title feat(component-library): add the internal mt-app application shell feat(component-library): add the mt-app application shell Oct 8, 2026
@vercel
vercel Bot temporarily deployed to Preview – meteor-docs October 8, 2026 13:23 Inactive

This branch was successfully deployed

1 active (outdated) and 1 inactive deployments
Preview – meteor-docs — 33e96d50 Deployed Oct 8, 2026 by vercel[bot]
Preview – meteor-storybook — 9b011a72 Deployed Oct 8, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant