State

상태(state)는 여러 컴포넌트에서 공유되는 데이터(data 속성)를 의미합니다.

state 선언

피니아 스토어 안에서 다음과 같이 화살표 함수 형태로 정의합니다.

export const useStore = defineStore('app', {
  state: () => {
    return {
      count: 0
    }
  }
});

state 사용

컴포넌트의 setup() 함수 안에서 반환한 값으로 상태를 접근합니다.

<template>
  <p>{{ store.count }}</p>
</template>