vue/no-undef-properties have some error when use toRefs

[sufuwang]

    "eslint": "8.18.0",
    "eslint-plugin-prettier": "4.0.0",
    "eslint-plugin-vue": "9.1.1",

module.exports = {
  root: true,
  globals: {
    uni: 'readonly',
    wx: 'readonly',
    App: 'readonly',
    ProcessEnvVueAppEnv: 'readonly',
    ProcessEnvWxPlatform: 'readonly',
    ProcessEnvBuildTime: 'readonly',
    getCurrentPages: 'readonly',
    getApp: 'readonly',
    PropType: 'readonly',
    AnyObject: 'readonly',
    Ref: 'readonly'
  },
  extends: ['plugin:vue/vue3-recommended'],
  parser: 'vue-eslint-parser',
  parserOptions: {
    parser: '@typescript-eslint/parser',
    extraFileExtensions: ['.vue'],
    createDefaultProgram: true,
  },
  plugins: ['@typescript-eslint', 'vue'],
  env: {
    browser: true,
    node: true,
  },
  rules: {
    'vue/no-undef-properties': 'error',
  },
  overrides: [
    {
      files: ['*.js', '*.vue'],
      rules: {
        'no-undef': 'error',
      },
    },
  ],
};

<template>
  <div>{{ a }}</div>
</template>
<script>
export default defineComponent({
  setup() {
    const data = reactive({
      a: 1,
      b: 1,
    });
    return {
      ...toRefs(data),
    };
  },
});
</script>

[sufuwang]

@ota-meshi hi，do you have some solution ? it is bothering me .

[DaniilIsupov]

i'm experiencing same problem

[FloEdelmann]

PR welcome. As a workaround, you have to specify the properties manually:

const data = reactive({
  a: 1,
  b: 1,
});
return {
  a: toRef(data, 'a'),
  b: toRef(data, 'b'),
};