vue/require-default-export

Require a component's script to be the default export.

Applies to: Vue SFC templates and blocks, with script context where the rule requires it.

Bad

The component script has no default export.

<script lang="ts">
const label = "a";
</script>
<template>
  <p>label</p>
</template>

Good

The component is the default export of the script.

<script lang="ts">
const label = "a";
export default { name: "Label" };
</script>
<template>
  <p>label</p>
</template>

Configuration (Vite+)

import { defineConfig } from "@vizejs/vite-plugin/vite-plus";

export default defineConfig({}).withVue({
  linter: {
    "preset": "incremental",
    "rules": {
      "vue/require-default-export": "error"
    }
  },
});

Then run vp run lint.

Related

• Vue rules
• All rules
• Source code