useVueDefaultExport (JavaScript)

Language JavaScript (and super languages)

Summary

Rule available since: v2.6.5
Diagnostic Category: lint/nursery/useVueDefaultExport
This rule doesn’t have a fix.
The default severity of this rule is error.
This rule belongs to the following domains:
- vue
Sources:
- Same as vue/require-default-export

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "useVueDefaultExport": "error"
6
      }
7
    }
8
  }
9
}

Description

Require the <script> block of a Vue component to have a default export.

When a .vue file has no <script setup> block, Vue builds the component from the default export of its <script> block. If the block has no default export, the component can’t use anything the block declares, such as data, props, or methods.

A file with a <script setup> block is not checked, because Vue builds the component from that block instead.

Examples

Invalid

1
<script>
2
const foo = "foo";
3
</script>

1
<script>
2
import { defineComponent } from "vue";
3

4
export const component = defineComponent({});
5
</script>

Valid

1
<script>
2
export default {
3
  data() {
4
    return {
5
      foo: "foo",
6
    };
7
  },
8
};
9
</script>

1
<script>
2
export const foo = "foo";
3
</script>
4

5
<script setup>
6
const bar = "bar";
7
</script>