Docs
AlpineJS plugins

AlpineJS plugins

Overview of AlpineJS plugins integrated into Zermatt and instructions for adding new plugins.

Plugins embedded in Zermatt

Zermatt is shipped with the following AlpineJS plugins:

Adding other plugins

Navigate to the web/zermatt directory of your theme.

Run npm install @alpinejs/<plugin>. Ex: npm install @alpinejs/anchor

Update the zermatt.js like this:

import Config from './zermatt-lock.json'
import Zermatt from 'zermatt-core'
 
// Import new AlpineJS plugins
import anchor from '@alpinejs/anchor'
import resize from '@alpinejs/resize'
 
// Use AlpineJS plugins on Zermatt init.
Zermatt.Event.once('zermatt:init', () => Alpine.plugin(anchor, resize))
 
Zermatt.init(Config)
zermatt-coreBuild & deploy