# Page title is a framework default in Vue

> How to fix page title is a framework default in Vue — with the exact fix and copy-paste code.

_Category: Search visibility · Detector `seo` · Check `title-default` · Severity: error_

A title like “React App”, “Vite App”, or “Untitled” is the scaffold’s placeholder — shipping it signals to Google (and to any human) that the page is unfinished. Every search result and browser tab shows the generic string, and identical titles across your whole site collapse your pages into one indistinct blob. This is the most common title mistake in AI-built and starter-template projects.

## The fix for Vue

Update `index.html` and set per-route titles with `useHead`.

```ts
useHead({ title: 'Acme — Invoicing for freelancers' })
```

### Steps

1. Search the project for the placeholder string (e.g. “React App”)
2. Replace the base template default with your real brand/home title
3. Add unique per-route titles via your framework’s metadata mechanism

## How VibeCheck detects it

The `seo` detector flags this live in the browser and reports it to the widget's Problems list — and to your coding agent over MCP.

- **Issue string:** `Page title is a framework default`
- **Threshold:** title matches a known placeholder (e.g. 'React App', 'Vite App', 'Untitled')

## FAQ

### Which titles does VibeCheck treat as placeholders?

Common scaffold defaults: “untitled”, “document”, “app”, “my site”, “home”, “react app”, “create react app”, “vite app”, “vite + react”, and “next app”.

### Why is this an error and not just a warning?

A placeholder title actively misrepresents the page to search engines and users on every route at once, so it is scored more severely than a merely missing one.

See the general, framework-agnostic fix: https://vibecheck.wcgw.fun/fix/placeholder-page-title.md

---

Fix guide from VibeCheck — https://vibecheck.wcgw.fun/fix/placeholder-page-title. Full site index for LLMs: https://vibecheck.wcgw.fun/llms.txt