explanation.js

// 1 Když neobalíš objekt do reactive():

const filtersStorage = {
  priceValue: computed({
    get: () => selectedFilters.value.priceValue,
    set: v => selectedFilters.value.priceValue = +v
  })
}

// Pak filtersStorage.priceValue je přímo ComputedRef objekt. A ComputedRef se chová jako ref - musíš použít .value pro přístup k hodnotě:

// Bez reactive() wrapper
filtersStorage.priceValue.value // ✅ musíš použít .value


// 2
// Když obalíš objekt do reactive():
const filtersStorage = reactive({
  priceValue: computed(...)
})

// S reactive() wrapper
filtersStorage.priceValue // ✅ .value se přidá automaticky


/*
Proč se to děje?

reactive() má speciální chování - automaticky unwrapuje refs na prvním levelu objektu
Tohle je záměrné chování pro lepší DX (developer experience)
Bez reactive() wrapper pracuješ přímo s ComputedRef objektem

*/