Как связать передаваемую в компонент v-model с property внутри стора pinia?

Question

[Артем Прохоров]

Принимаю v-model в компоненте

const passedModel = defineModel<SelectDefaultModel>('model')

Стор в pinia

export const useStore = ($id: StoreID) =>
  defineStore(`select/${$id}`, () => {
    const model = ref<SelectDefaultModel>(undefined)

    return {
      model,
    }
  })

Все на composition api, vue 3.5.

Пока все что пришло в голову - это watcher. Но мне показалось это слишком грязным решением. То есть, как я понял, мне нужно заменить не значение, а саму реактивную переменную ```model = ref()``` на то, что я принимаю через v-model.

Answer 1

[director-rentv]

const store = useStore(/* че там должно быть */)

const model = computed({
  get: () => store.model.value, // мб без .value, не помню, выворачивает пиния ref-ы или нет
  set: (value) => store.model.value = value
})