vue/no-ref-as-operand

disallow use of value wrapped by ref() (Composition API) as an operand

• ⚙️ This rule is included in all of "plugin:vue/vue3-essential", *.configs["flat/essential"], "plugin:vue/essential", *.configs["flat/vue2-essential"], "plugin:vue/vue3-strongly-recommended", *.configs["flat/strongly-recommended"], "plugin:vue/strongly-recommended", *.configs["flat/vue2-strongly-recommended"], "plugin:vue/vue3-recommended", *.configs["flat/recommended"], "plugin:vue/recommended" and *.configs["flat/vue2-recommended"].
• 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule reports cases where a ref is used incorrectly as an operand.
You must use .value to access the Ref value.

Now loading...

🔧 Options

Nothing.

📚 Further Reading

• Guide - Reactivity - Reactivity Fundamentals / Creating Standalone Reactive Values as refs
• Vue RFCs - 0013-composition-api

🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation

• Rule source
• Test source