Как создать локальный реф из vuex

С бэка прилетает пользователь с заполненным телефоном или нет.
пользователя я сохраняю в vuex.
в родительском компоненте формы я получаю номер телефона при помощи computed.

const phone = computed(() => userModule.state.user.phone)

дальше передаю в дочерний компонент инпута

app-phone-input(
    :model-value="phone"
    @update:model-value="phoneHandler"
)

получаю в дочернем компоненте

el-input(
    v-model="phone"
)

props: {
            modelValue: {
                type: String,
                required: true,
            },
        },
        emits: ['update:modelValue'],

        setup(props, { emit }) {
            return {
                phone: computed({
                    get: () => props.modelValue,
                    set: (value) =>
                        emit('update:modelValue', value),
                }),
            }
        }

таким образом я получаю в консоли computed только для чтения и его нельзя изменять.
и вопрос как мне создать локальный реф в родительском компоненте, что бы не изменять его в vuex.
заранее спасибо.


Ответы (0 шт):