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

Author: FrontEndDog

lib/rules/valid-define-options.js

@@ -89,12 +89,21 @@ module.exports = {
                 variable &&
                 variable.references.some((ref) => ref.identifier === node) &&
                 variable.defs.length > 0 &&
-                variable.defs.every(
-                  (def) =>
-                    def.type !== 'ImportBinding' &&
-                    utils.inRange(scriptSetup.range, def.name) &&
-                    !utils.inRange(defineOptions.range, def.name)
-                )
+                variable.defs.every((def) => {
+                  if (def.type === 'ImportBinding') return false
+                  if (!utils.inRange(scriptSetup.range, def.name)) return false
+                  if (utils.inRange(defineOptions.range, def.name)) return false
+                  if (
+                    def.parent &&
+                    def.parent.kind === 'const' &&
+                    def.node.init &&
+                    !['ArrayExpression', 'ObjectExpression'].includes(
+                      def.node.init?.type
+                    )
+                  )
+                    return false
+                  return true
+                })
               ) {
                 if (utils.withinTypeNode(node)) {
                   continue

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: [