Essepage 에서 AlpineJS로 작업을 많이 하는데, xdata 안에 여러가지 변수들과 함수들을 적게되면 보기도 불편하고 관리도 어려워서 Essepage 의 @x-data로 파일을 따로 만들어서 사용한다. 파일을 만들 때 항상 입력하는 기본 코드를 복사해서 사용하려고 늘 사용하는 기본 코드를 정리해둔다.

참고로, Essepage 에서 따로 파일로 만든 xdata 코드는 @x-data 로 입력한다.

<div x-data="{{@x-data: 파일경로 :@}}">
    ...
</div>

알파인JS xdata 기본코드

() => { return {
    async init() {
        await $nextTick();
        console.log('Alpine Init');
    }
}}