friends-of-hyva / magento2-alpinejs-persist
Integrate the AlpineJS persist plugin into Hyvä
Installs: 173
Dependents: 0
Suggesters: 0
Security: 0
Stars: 5
Watchers: 3
Forks: 2
Open Issues: 0
Language:HTML
Type:magento2-module
Requires
- php: ~7.4|~8.1
- hyva-themes/magento2-theme-module: ^1.2
- magento/magento-composer-installer: *
This package is auto-updated.
Last update: 2024-12-16 11:36:38 UTC
README
This is a Magento module specifically for Hyvä, which adds the AlpineJS persist plugin to Hyvä. This plugin allows you to persist Alpine.js component data between page reloads.
Alpine.js Persist Plugin
The Alpine.js persist plugin is a plugin that allows you to persist Alpine.js component data between page reloads. This plugin can be used to store data associated with Alpine.js components in the browser's local storage or session storage, allowing it to be retrieved and restored when the user returns to the page.
For more information on how to use the AlpineJS persist plugin, please refer to the official Alpine.js documentation.
Example
To use the persist plugin in your Hyvä theme, you can add the $persist
property to your Alpine.js component and specify which data properties should be persisted.
<div x-data="{ count: $persist(0) }"> <button x-on:click="count++">Increment</button> <span x-text="count"></span> </div>
In this Alpine.js example, the count property is initialized with a default value of 0 using the $persist
function, which enables the property to persist its value between page reloads using local storage.
Installation
To install the FriendsOfHyva_AlpineJsPersist module via composer, run the following command:
composer require friends-of-hyva/magento2-alpinejs-persist
This module requires Hyvä theme 1.2.0 or higher and AlpineJS v3.
Using AlpineJS persist to save Magewire component data
Note
This module is made specifically for Hyvä and doesn't work with native Magento.
For more information on Hyvä, please visit the official Hyvä website.
Copyright & License
Copyright (c) 2023 Friends of Hyvä
The module is released under the MIT.