Ref sugar (take 2)

[yyx990803]

Summary

Introduce a compiler-based syntax sugar for using refs without .value:

<script setup>
  // declaring a variable that compiles to a ref
  let count = $ref(1)

  console.log(count) // 1

  function inc() {
    // the variable can be used like a plain value
    count++
  }
</script>

<template>
  <button @click="inc">{{ count }}</button>
</template>

• Discussion Thread

[yyx990803]

The original proposal has been updated and merged with props destructure. The discussion is still in https://github.com/vuejs/rfcs/discussions/369