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", "plugin:vue/essential", "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vue/vue3-recommended" and "plugin:vue/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.

🔧 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