ref is not defined for production build

works fine in development mode, but in production build with npm run build, it shows ‘ref is not defined’

<template>
  <div ref="divRef">test</div>
</template>

<script setup>
const divRef = ref(null);
</script>

<style scoped></style>

[kaiser-9527]

my-project.zip please refer to attached files. Thanks. It seems that the plugin auto imports unref for the Template Refs, if I just use simple ref object, it can work both in development mode and production build

<template>
   <div>
    {{message}}
  </div>
</template>
<script setup>
const message = ref('hello')
</script>

however, if I ref to template element or component instance, it can work in development mode but it doesn’t work for production build

<template>
  <div ref="divRef">test</div>
</template>

<script setup>
const divRef = ref(null);
</script>

<template>
  <main>{{ count }}</main>
</template>
<script setup lang="ts">
const count = ref([1, 3])
</script>

It’s a simple ref usage, but also got the same error error TS2304: Cannot find name 'ref'., the version is "unplugin-auto-import": "^0.5.5". like this plugin vary much, but got this error, is depressed

[antfu]

Please upgrade to the latest version and try again. If it still fails to you, please send a PR to add a failed tests under https://github.com/antfu/unplugin-auto-import/tree/main/test/fixtures. Thanks