wp-interactivity-api

SKILL.md

| data-wp-interactive | Activate interactivity on element | data-wp-interactive="my-plugin" | | data-wp-context | Provide local state | data-wp-context='{"isOpen": false}' | | data-wp-bind--attr | Bind attribute to state | data-wp-bind--aria-expanded="state.isOpen" | | data-wp-on--event | Handle events | data-wp-on--click="actions.toggle" |

| data-wp-class--name | Toggle CSS class | data-wp-class--is-open="state.isOpen" | | data-wp-text | Set text content | data-wp-text="state.count" | | data-wp-watch | Run side effects | data-wp-watch="callbacks.logChanges" |

If build constraints are unclear, ask: "Is this using @wordpress/scripts or a custom bundler (webpack/vite)?"

À utiliser lors de la création ou du débogage des fonctionnalités de l'API d'interactivité WordPress : directives data-wp-*, @wordpress/interactivity store/state/actions, bloc d'intégration de viewScriptModule, performances, hydratation et comportement des directives. Source : vapvarun/claude-backup.

Voir l'original