store

export const usePostListStore = defineStore('postList', () => {
  const list = ref([]);
  
  return {list};
}

components/list.vue

<script>
import {usePostListStore} from '../store/list.ts'
import {storeToRefs} from 'pinia'

const {list} = storeToRefs(usePostListStore); // 동적
const {list} = usePostListStore(); // 동적 X
</script>

storeToRefs

• 그냥 useStore()로 선언 시 첫 값만 가지고 옴
• stroeToRefs로 선언해야 vue에서 ref로 선언한 변수처럼 동적으로 작동
• store에서 변수는 storeToRefs로 선언하자!