[vue3] vue3에서 vuex4 + module + ts 적용

머리 아프다.
vue3에서는 vuex4를 쓰고 여기에 typescript를 적용한다.
또한 모듈화를 진행하면 점점 머리가 아파진다.

모듈에 대해서도 type을 설정해 줘야 하는데 type을 지정할 때 아래와 같다면,

const example : Module<exampleState, RootState> = {
  namespaced: true,
  state:
    {
      title: 'test',
      subtitle: ['test1','test2']
    },
};

Module< state타입, rootState > 로 모듈에 대한 타입정의를 해줘야 한다.
(배보다 배꼽이 더 큰 느낌이 드는 것은 나만의 착각일까?)

참고 :: https://kyounghwan01.github.io/blog/Vue/vue3/vuex-ts/#store-modulea-ts
https://kyounghwan01.github.io/blog/Vue/vue3/vuex-ts/#프로젝트-구조

• state 안에 변수가 오프젝트일 때 초기화 - 따로 함수를 마련해서 사용
  참고 :: https://kdydesign.github.io/2019/04/10/vue-store-state/