Skip to content

vue/no-empty-component-block

disallow the <template> <script> <style> block to be empty

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule disallows the <template> <script> <style> block to be empty.

This rule also checks block what has attribute src. See Vue Single-File Component (SFC) Spec.

<!-- ✓ GOOD --> <template> <p>foo</p> </template> <script> console.log('foo') </script> <style> p { display: inline; } </style> <template src="./template.html"></template> <template src="./template.html" /> <script src="./script.js"></script> <script src="./script.js" /> <style src="./style.css"></style> <style src="./style.css" /> <!-- ✗ BAD --> <template></template> <template /> <template src="" /> <script></script> <script /> <script src="" /> <style></style> <style /> <style src="" />
Now loading...

🔧 Options

Nothing.

🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation