4 - writable-computed

[GuzmanGuerra]

<script setup lang="ts">
import { set } from "immutable";
import { ref, computed } from "vue"

const count = ref(1)
const plusOne = computed({
  get(previus) {
   return count.value + 1
  },
  set(newValue) {
    count.value = newValue - 1
  }
})

plusOne.value++

</script>

<template>
  <div>
    <p>{{ count }}</p>
    <p>{{ plusOne }}</p>
  </div>
</template>