Hyva Alpine Component

If you're building on Hyvä themes for Magento 2, you'll need to write Alpine.js components that respect Content Security Policy rules, especially with PCI-DSS 4.0 compliance coming due. This skill walks you through the CSP-compatible patterns: no inline mutations or arguments, use methods instead of expressions, replace x-model with manual bindings, and always register components with Alpine.data inside the alpine:init event. The most useful bit is the practical reference for two-way binding on inputs, checkboxes, and selects without x-model, plus the dataset pattern for passing arguments to methods. It's structured as a reference guide with side-by-side comparisons of what breaks CSP and what works.

Install to Claude Code

npx -y skills add hyva-themes/hyva-ai-tools --skill hyva-alpine-component --agent claude-code