@madxnl/mrrabbit

Backoffice tool for madhatter projects.

Setup

To bootstrap the app a domain specific config file is required. Primevue and ToastService plugins also need to be added.

import config from './config.ts'
import { App, routesFactory } from '@madxnl/mrrabbit'
import { createApp } from 'vue'
import PrimeVue from 'primevue/config'
import ToastService from 'primevue/toastservice'

const app = createApp(App, { config } )

const routes = routesFactory(config)

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
})

app.use(router)
app.use(ToastService)
app.use(PrimeVue)

app.mount('#app')

Whitelabeling

Whitelabeling is supported on the menubar as such:

const whiteLabelConfig = {
  menuLogo: 'MenuLogo',
  menuBarBgColor: 'red',
}

const app = createApp(App, {
  config,
  whiteLabelConfig,
})

Expand

When adding new components or modules make sure to add a new section in rollup.config.ts as such:

export default [
    ...
    {
        input: 'src/components/Example.vue',
        output: [
          {
            format: 'esm',
            file: 'dist/Example.js',
          },
        ],
        external: [
            // list all the dependencies
        ],
        plugins: [
            // use the neccessary plugins
        ],
    }
    ...
]

TODO: Look into how to bundle interdependent components separately