Mango API plugin for the Page Manager


1.0.0-beta.1214 years ago4 years agoMinified + gzip package size for @axelspringer/mango-plugin-pagemanager in KB


:smiley_cat: Mango Page Manager Plugin

Taylor Swift Volkswagen TypeScript MIT license

Getting Started

requires a node version >= 6 and an npm version >= 3.x.x

we do provide a help command to display all possible arguments

# Install the base package and the plugin (could also be global -g)
npm i @axelspringer/mango-api @axelspringer/mango-plugin-pagemanager


Try to install this package before rendering.

npm i @axelspringer/mango-api @axelspringer/mango-plugin-pagemanager

In you app, use the plugin and configure it. Use an extra file pagemanager.ts for it.

import Vue from 'vue'
import PageManager from '@axelspringer/mango-plugin-pagemanager'
import { SelectedArticles } from '../components/selectedArticles'

// inject mango

export default new PageManager({
  blocks: [
      pageBlock: 'selected_articles',
      component: SelectedArticles

Then install it in your vue app options.

import Vue from 'vue'
import pagemanager 
// create function
export default function () {
  // constructing app
  const app = new Vue({
    render: (h) => h(App)

  return { app }

Usage in Components

There are some components available with in the plugin.


To use the Page Manager Render <pagemanager-render> you have to provide data to the blocks property.

import Vue from 'vue'
import Component from 'vue-class-component'

export class Demo extends Vue {
  public render(h) {
    return (
        <pagemanager-renderer blocks={example} />



If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.