How to use the persist plugin with class based data contexts

[DoubleREW]

Hi,
I see that after PR #4038 was merged we can safely use class based data contexts in place of plain objects, but how can we call the persist plugin inside a class?

I've tried to call the $persist magic function inside the constructor and inside the init method, but it fails to work. https://codepen.io/rewrew/pen/VwoNmpb?editors=1010

Is it possible to do this? Thanks a lot.

[DoubleREW]

Found out myself, with the global Alpine.$persist we can init a public class property or we can do the same inside the constructor:

class MyComponent {
  counter = Alpine.$persist(0).as('MyComponent::counter');

  constructor() {
    // this.counter = Alpine.$persist(0).as('MyComponent::counter');
  }
  
  increment() {
    this.counter += 1;
  }
}