"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>