fix(valid-define-options): Allow the use of simple constants (#2920)

Co-authored-by: Flo Edelmann <[email protected]>
Co-authored-by: waynzh <[email protected]>

Author: 3 people

.changeset/fresh-taxis-glow.md

@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+Changed `vue/valid-define-options` to allow local literal constant references

lib/rules/valid-define-options.js

@@ -93,7 +93,13 @@ module.exports = {
                   (def) =>
                     def.type !== 'ImportBinding' &&
                     utils.inRange(scriptSetup.range, def.name) &&
-                    !utils.inRange(defineOptions.range, def.name)
+                    !utils.inRange(defineOptions.range, def.name) &&
+                    !(
+                      def.type === 'Variable' &&
+                      def.parent.kind === 'const' &&
+                      def.node.init &&
+                      def.node.init.type === 'Literal'
+                    )
                 )
               ) {
                 if (utils.withinTypeNode(node)) {

tests/lib/rules/valid-define-options.js

@@ -74,6 +74,14 @@ tester.run('valid-define-options', rule, {
 
       defineOptions(def);
       </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup>
+      const def = 'foo';
+      defineOptions({ name: def });
+      </script>`
     }
   ],
   invalid: [