Disallow untranslated visible text

Run this rule

pnpm vite-doctor . --framework vue --rules vue/i18n/no-untranslated-text

Why it matters

Vue gives this pattern a specific contract. Staying inside that contract makes the code easier to test, refactor, and run across server and client runtimes.

Recommended fix

Remove untranslated text, or move it to the Vue runtime/API that owns that behavior.

Example

Use translation keys

Before

<template>
  <p>Welcome back</p>
</template>

After

<template>
  <p>{{ t('welcomeBack') }}</p>
</template>