Magnolia Vue Component Library
Package name |
|
Repository |
|
Latest version |
|
Changelog |
The Magnolia Vue Component Library is a ready-to-use set of Vue-based components built for modern, headless website development with Magnolia.
It’s designed to work seamlessly with Magnolia CLI’s Create Component plugin and Create Page plugin, helping you build scalable, customizable, and maintainable front-end applications.
For shared key features, styling information, and component usage guidelines, see the Magnolia Component Library page.
Getting started
-
Jumpstart a Magnolia project with a Vue application.
-
Next, make sure your
mgnl.config.jsis configured to use the Magnolia Vue Component Library. The most important is theframeworkproperty used by thecreate-pageandcreate-componentplugins:import CreatePagePlugin from "@magnolia/cli-create-page-plugin"; import CreateComponentPlugin from "@magnolia/cli-create-component-plugin"; export default { ... plugins: [ new CreatePagePlugin({ pagesSpaPath: './spa/src/templates/pages', framework: '@magnolia/cli-vue-prototypes', (1) }), new CreateComponentPlugin({ componentsSpaPath: './spa/src/templates/components', framework: '@magnolia/cli-vue-prototypes', (1) }) ], ... };1 The NPM package that provides the Magnolia Vue Component Library.