feat: autofix

Author: waynzh

lib/rules/no-empty-component-block.js

@@ -105,32 +105,22 @@ module.exports = {
 
         if (emptyBlocks.length === 0) return
 
-        if (autofix) {
-          const firstEmptyBlock = emptyBlocks[0]
+        for (const componentBlock of emptyBlocks) {
           context.report({
-            node: firstEmptyBlock,
-            loc: firstEmptyBlock.loc,
+            node: componentBlock,
+            loc: componentBlock.loc,
             messageId: 'unexpected',
             data: {
-              blockName: firstEmptyBlock.name
+              blockName: componentBlock.name
             },
-            *fix(fixer) {
-              for (const componentBlock of emptyBlocks) {
-                yield fixer.remove(componentBlock)
-              }
-            }
+            fix: autofix
+              ? function* (fixer) {
+                  for (const componentBlock of emptyBlocks) {
+                    yield fixer.remove(componentBlock)
+                  }
+                }
+              : undefined
           })
-        } else {
-          for (const componentBlock of emptyBlocks) {
-            context.report({
-              node: componentBlock,
-              loc: componentBlock.loc,
-              messageId: 'unexpected',
-              data: {
-                blockName: componentBlock.name
-              }
-            })
-          }
         }
       }
     }

tests/lib/rules/no-empty-component-block.js

@@ -169,42 +169,63 @@ tester.run('no-empty-component-block', rule, {
       ]
     },
     {
-      code: '<template></template><script></script><style></style>',
-      output: '',
+      code: '<template></template> <script></script> <style></style>',
+      output: '  ',
       options: [{ autofix: true }],
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
         }
       ]
     },
     {
-      code: '<template /><script /><style />',
-      output: '',
+      code: '<template /> <script /> <style />',
+      output: '  ',
       options: [{ autofix: true }],
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
         }
       ]
     },
     {
-      code: '<template src="" /><script src="" /><style src="" />',
-      output: '',
+      code: '<template src="" /> <script src="" /> <style src="" />',
+      output: '  ',
       options: [{ autofix: true }],
       errors: [
         {
           message: '`<template>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
         }
       ]
     },
     {
-      code: '<template><p></p></template><script src="" /><style src="" />',
-      output: '<template><p></p></template>',
+      code: '<template><p></p></template> <script src="" /> <style src="" />',
+      output: '<template><p></p></template>  ',
       options: [{ autofix: true }],
       errors: [
         {
           message: '`<script>` is empty. Empty block is not allowed.'
+        },
+        {
+          message: '`<style>` is empty. Empty block is not allowed.'
         }
       ]
     }