feat: rule fixer for require-name-property

lib/rules/require-name-property.js

@@ -4,6 +4,7 @@
  */
 'use strict'
 
+const path = require('path')
 const utils = require('../utils')
 const { getVueComponentDefinitionType } = require('../utils')
 
@@ -27,7 +28,8 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/require-name-property.html'
     },
-    fixable: null,
+    fixable: 'whitespace',
+    hasSuggestions: true,
     schema: []
   },
   /** @param {RuleContext} context */
@@ -47,7 +49,23 @@ module.exports = {
 
       context.report({
         node: component,
-        message: 'Required name property is not set.'
+        message: 'Required name property is not set.',
+        fix: (fixer) => {
+          const extension = path.extname(context.getFilename())
+          const filename = path.basename(context.getFilename(), extension)
+          // fix only when property is not empty
+          if (component.properties.length > 0) {
+            const startColumn = component.properties[0].loc.start.column
+            // insert name property before the first property
+            return fixer.insertTextBefore(
+              component.properties[0],
+              `name: '${filename}',\n${Array.from({
+                length: startColumn + 1
+              }).join(' ')}`
+            )
+          }
+          return null
+        }
       })
     })
   }