script setup: ref imported from a .vue file doesn't seem to update when used in anothr component's template

[CHOYSEN]

Version

3.0.3

Reproduction link

https://github.com/CHOYSEN/can_i_import_ref_from_.vue_file

Steps to reproduce

yarn
yarn dev

open browser and click the button

What is expected?

"otherComponentRef" and "otherComponentReactive" both change or not

What is actually happening?

"otherComponentReactive" work fine
"otherComponentRef" work in <script>, broken in <script setup>

[CHOYSEN]

I am not sure if i can import a ref object from another ".vue" file...

Use <script setup>, the template will compile to

import { toDisplayString as _toDisplayString, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock } from "/@modules/vue.js"

export function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (_openBlock(), _createBlock(_Fragment, null, [
    _createVNode("div", null, _toDisplayString($setup.localRef), 1 /* TEXT */),
    _createVNode("div", null, _toDisplayString($setup.localReactive.data), 1 /* TEXT */),
    _createVNode("div", null, _toDisplayString($setup.otherComponentRef)),
    _createVNode("div", null, _toDisplayString($setup.otherComponentReactive.data), 1 /* TEXT */),
    _createVNode("button", { onClick: $setup.changeValue }, "change")
  ], 64 /* STABLE_FRAGMENT */))
}

// bindings
bindings: {
  ref: 'setup-const',
  reactive: 'setup-const',
  otherComponentRef: 'setup-const',
  otherComponentReactive: 'setup-const',
  localRef: 'setup-ref',
  localReactive: 'setup-const',
  changeValue: 'setup-const',
  logValue: 'setup-const'
}

The otherComponentRef is considered to setup-const, when i use <script> instend, it will be considered to setup-maybe-ref

[CHOYSEN]

The original issue: vitejs/vite#1160

[CHOYSEN]

Maybe we should remove this?
https://github.com/vuejs/vue-next/blob/4307610c35255477125c12217be514da068bedb0/packages/compiler-sfc/src/compileScript.ts#L813