A swup plugin for integrating Gia frontend components.

Automatically reloads components when required only for the replaced containers.

Install the plugin from npm and import it into your bundle.

npm install @swup/gia-plugin

import SwupGiaPlugin from '@swup/gia-plugin';

Or include the minified production file from a CDN:

<script src="https://unpkg.com/@swup/gia-plugin@2"></script>

To run this plugin, include an instance in the swup options.

const swup = new Swup({
  plugins: [new SwupGiaPlugin()]
});

Components to be used for mount/unmount. Defaults to an empty object.

import Component from 'gia/Component'

class ExampleComponent extends Component {
    // ...
}

const components = {
  ExampleComponent
}

const swup = new Swup({
  plugins: [new SwupGiaPlugin({ components })]
})

Whether the components should be loaded on start. Defaults to true.

new SwupGiaPlugin({ firstLoad: true });

Let Gia report info on mounting/unmounting of components. Corresponds to setting the log variable of Gia's config). Defaults to false.

new SwupGiaPlugin({ log: false });