Vue.js: How do you implement state management?

1const useStore = defineStore("store", () => {
2  const state = ref(initial)
3  const getter = computed(() => state.value)
4  function action() { state.value++ }
5  return { state, getter, action }
6})

1// Parent
2provide("state", reactive({ count: 0 }))
3
4// Child
5const state = inject("state")