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="" />
🔧 Options
Nothing.
🚀 Version
This rule was introduced in eslint-plugin-vue v7.0.0