It adds the required scripts for the
Alpine.js library to your MyBB theme and enables you to use the
Alpine.js magics (
$el, $refs, $store, ...) that are not allowed by the MyBB 1.8 theme engine.
Details
Version: 2.0.0
MyBB Versions: 1.8.x
Install
1. Download the plugin.
2. Upload the files in the "Upload" folder to the root directory of your forum with SCP (
scp command.) or FTP (FileZilla, CuteFTP, etc.).
3. Install and activate the plugin named Alpine.js from the Admin CP → Configuration → (From left.) Plugins page.
Uninstall
1. Uninstall the plugin named Alpine.js from the Admin CP → Configuration → (From left.) Plugins page.
Update
1. First, perform the "Uninstall" section, then perform the "Install" (with new files) section.
Usage
You can review the
Alpine.js documentation page for usage.
The variables you will use in templates for Alpine.js magics are as follows:
$el →
{$alpinejs['el']}
$refs →
{$alpinejs['refs']}
$store →
{$alpinejs['store']}
$watch →
{$alpinejs['watch']}
$dispatch →
{$alpinejs['dispatch']}
$nextTick →
{$alpinejs['nextTick']}
$root →
{$alpinejs['root']}
$data →
{$alpinejs['data']}
$id →
{$alpinejs['id']}
Example:
$el.innerHTML =
<button @click="{$alpinejs['el']}.innerHTML = 'Hello World!'">Replace me with "Hello World!"</button>
Happy Coding!