vue-use-templateShow components from anywhere

Call useTemplate() in a component, a store or a composable, and TemplateProvider renders the component in one place, server rendering included.

Show from anywhere

useTemplate() works in setup, and on the client in stores and composables. show() renders the component and hide() removes it.

Pass reactive props, listeners and nested templates. A shown template re-renders when the state it reads changes.

Templates shown while components set up are part of the server HTML and hydrate without mismatches. Every request keeps its own templates.

defineTemplate() checks props and events against the component, and createTemplateProvider() keeps a library's templates apart from the app's.

This is the usage example from the guide, running on this page.