# vue/no-empty-component-block

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

# 📖 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 (opens new window).

<!-- ✓ 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