Configure Vue

Environment: client
This setup function will only run on client side. Make sure the browser compatibility when importing packages.

Kolibry uses Vue 3 to render the application on the client side. You can extend the app to add custom plugins or configurations.

Create ./setup/main.ts with the following content:

import { defineAppSetup } from '@kolibry/types'

export default defineAppSetup(({ app, router }) => {
  // Vue App
  app.use(YourPlugin)
})

This could also be used as the main entrance of your Kolibry app to do some initializations before the app starts.

Learn more: Vue Application API.